You are viewing the article How to View Website Source Code at Tnhelearning.edu.vn you can quickly access the necessary information in the table of contents of the article below.
X
This article is co-authored by a team of editors and trained researchers who confirm the accuracy and completeness of the article.
The wikiHow Content Management team carefully monitors the work of editors to ensure that every article is up to a high standard of quality.
This article has been viewed 25,114 times.
This wikiHow teaches you how to view the source code — the programming language behind every website — on most web browsers. With the exception of the Safari tip, you cannot view web page source code when using a mobile browser.
Steps
Chrome, Firefox, Edge and Internet Explorer
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/a/a4/View-Source-Code-Step-1-Version-6.jpg/v4-728px-View-Source-Code- Step-1-Version-6.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/a/a4/View-Source-Code-Step-1-Version-6.jpg/ v4-728px-View-Source-Code-Step-1-Version-6.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Open your web browser. Viewing the source code on Chrome, Firefox, Microsoft Edge and Internet Explorer browsers is the same.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/1/11/View-Source-Code-Step-2-Version-6.jpg/v4-728px-View-Source-Code- Step-2-Version-6.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/1/11/View-Source-Code-Step-2-Version-6.jpg/ v4-728px-View-Source-Code-Step-2-Version-6.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Navigate to a web page where you want to view the source code.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/6/6f/View-Source-Code-Step-3-Version-6.jpg/v4-728px-View-Source-Code- Step-3-Version-6.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/6/6f/View-Source-Code-Step-3-Version-6.jpg/ v4-728px-View-Source-Code-Step-3-Version-6.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Right click on the page. If you’re using a Mac with just one mouse button, you can hold down the Contrp key and click the mouse at the same time. If you’re using a laptop with a touchpad, you can use two-finger taps on the trackpad instead of a right-click. A drop-down menu will appear.
- Do not right-click on a link or image on the page as this will cause another menu to appear.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/4/49/View-Source-Code-Step-4-Version-6.jpg/v4-728px-View-Source-Code- Step-4-Version-6.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/4/49/View-Source-Code-Step-4-Version-6.jpg/ v4-728px-View-Source-Code-Step-4-Version-6.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Click View page source or View Source . The source code will appear in a new window or just below the current browser window.
- You’ll see the View page source option when using Chrome and Firefox, and the View Source option for Microsoft Edge and Internet Explorer.
- You can also press Ctrl + U (regular desktop) or ⌥ Option + ⌘ Command + U (Mac computer) to display the page source code.
Safari
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/3/3d/View-Source-Code-Step-5-Version-5.jpg/v4-728px-View-Source-Code- Step-5-Version-5.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/3/3d/View-Source-Code-Step-5-Version-5.jpg/ v4-728px-View-Source-Code-Step-5-Version-5.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Open the Safari app with a blue compass.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/5/57/View-Source-Code-Step-6-Version-5.jpg/v4-728px-View-Source-Code- Step-6-Version-5.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/5/57/View-Source-Code-Step-6-Version-5.jpg/ v4-728px-View-Source-Code-Step-6-Version-5.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Click the Safari menu bar at the top left of your Mac’s menu bar. A drop-down menu will appear.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/8/8a/View-Source-Code-Step-7-Version-5.jpg/v4-728px-View-Source-Code- Step-7-Version-5.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/8/8a/View-Source-Code-Step-7-Version-5.jpg/ v4-728px-View-Source-Code-Step-7-Version-5.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Click Preferences in the middle of the drop-down menu.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/e/ed/View-Source-Code-Step-8-Version-5.jpg/v4-728px-View-Source-Code- Step-8-Version-5.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/e/ed/View-Source-Code-Step-8-Version-5.jpg/ v4-728px-View-Source-Code-Step-8-Version-5.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Click the Advanced tab in the upper-right corner of the Preferences window.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/f/f3/View-Source-Code-Step-9-Version-5.jpg/v4-728px-View-Source-Code- Step-9-Version-5.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/f/f3/View-Source-Code-Step-9-Version-5.jpg/ v4-728px-View-Source-Code-Step-9-Version-5.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Check the box “Show Develop menu in menu bar”. This option is near the bottom of the Preferences window. You should see a Develop menu appear in the menu bar on your Mac desktop.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/5/50/View-Source-Code-Step-10-Version-5.jpg/v4-728px-View-Source-Code- Step-10-Version-5.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/5/50/View-Source-Code-Step-10-Version-5.jpg/ v4-728px-View-Source-Code-Step-10-Version-5.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Navigate to the website where you want to view the source code.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/e/ec/View-Source-Code-Step-11-Version-5.jpg/v4-728px-View-Source-Code- Step-11-Version-5.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/e/ec/View-Source-Code-Step-11-Version-5.jpg/ v4-728px-View-Source-Code-Step-11-Version-5.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Click Develop . This tab is to the left of the Window tab in your Mac’s menu bar.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/0/0d/View-Source-Code-Step-12-Version-5.jpg/v4-728px-View-Source-Code- Step-12-Version-5.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/0/0d/View-Source-Code-Step-12-Version-5.jpg/ v4-728px-View-Source-Code-Step-12-Version-5.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Click Show Page Source near the bottom of the menu. Safari will display the page source code shortly after.
- You can also press ⌥ Option + ⌘ Command + U to display the page source code.
On Wikis
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/8/80/View-Source-Code-Step-13-Version-4.jpg/v4-728px-View-Source-Code- Step-13-Version-4.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/8/80/View-Source-Code-Step-13-Version-4.jpg/ v4-728px-View-Source-Code-Step-13-Version-4.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Go to the page where you want to view the wiki source code.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/a/aa/View-Source-Code-Step-14-Version-5.jpg/v4-728px-View-Source-Code- Step-14-Version-5.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/a/aa/View-Source-Code-Step-14-Version-5.jpg/ v4-728px-View-Source-Code-Step-14-Version-5.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Click the “View source” or “Edit” tab.
{“smallUrl”:”https://www.wikihow.com/images_en/thumb/e/e1/View-Source-Code-Step-15-Version-5.jpg/v4-728px-View-Source-Code- Step-15-Version-5.jpg”,”bigUrl”:”https://www.wikihow.com/images/thumb/e/e1/View-Source-Code-Step-15-Version-5.jpg/ v4-728px-View-Source-Code-Step-15-Version-5.jpg”,”smallWidth”:460,”smallHeight”:345,”bigWidth”:728,”bigHeight”:546,”licensing”:” <div class=”mw-parser-output”></div>”}
Scroll through the source code and select/copy the code that you want to copy to your site.
Advice
- While the source code cannot be viewed on a regular mobile browser, you can still save Safari bookmarks on your iPhone or iPad and view the Safari source code on your mobile device.
Warning
- Be wary of downloading third-party software that claims to help you view the website’s source code.
X
This article is co-authored by a team of editors and trained researchers who confirm the accuracy and completeness of the article.
The wikiHow Content Management team carefully monitors the work of editors to ensure that every article is up to a high standard of quality.
This article has been viewed 25,114 times.
This wikiHow teaches you how to view the source code — the programming language behind every website — on most web browsers. With the exception of the Safari tip, you cannot view web page source code when using a mobile browser.
Thank you for reading this post How to View Website Source Code at Tnhelearning.edu.vn You can comment, see more related articles below and hope to help you with interesting information.
Related Search: