Download Article
Read a website's source code on Chrome, Internet Explorer, Safari, & More
Download Article
This wikiHow teaches you how to view the source code of a website, which is the code behind any website (such as HTML, CSS, and JavaScript), on most common browsers. Excluding a Safari trick, you cannot view a website's source code while using a mobile browser.
Steps
-
Open your web browser. The process for viewing source code on Chrome, Firefox, Microsoft Edge, and Internet Explorer is the same.
-
Navigate to a webpage. It should be a page whose source code you wish to view.Advertisement
-
Right-click the page. If you're using a Mac computer with a one-button mouse, you can hold down Control and click instead. If you are on a laptop with a trackpad, you can use two fingers to click the page instead. This will create a drop-down menu.
- Don't right-click a link or a photo when doing this or else the wrong menu will appear.
-
Click View page source or View Source . Doing so will display your browser's source code in a new window or at the bottom of the current window.
- You'll see View page source for Chrome and Firefox, and View Source for Microsoft Edge and Internet Explorer.
- You can also press Ctrl + U (PC) or ⌥ Option + ⌘ Command + U (Mac) to display the source code. [1] X Research source
Advertisement
-
Open Safari. This is a blue, compass-shaped app.
-
Click Safari . It's in the top-left side of your Mac's menu bar. Doing so invokes a drop-down menu. [2] X Research source
-
Click the Advanced tab. It's in the top-right corner of the Preferences window. [4] X Research source
-
Check the "Show Develop menu in menu bar" box. This option is near the bottom of the Preferences window. You should see a Develop menu appear in your Mac's menu bar. [5] X Research source
-
Navigate to a webpage. It should be a page whose source code you wish to view.
-
Click Develop . This menu is to the left of the Window menu in your Mac's menu bar. [6] X Research source
-
Click Show Page Source . It's near the bottom of the drop-down menu. Clicking this option will prompt Safari to display the webpage's source code. [7] X Research source
- You can also press ⌥ Option + ⌘ Command + U to display the source code.
Advertisement
Community Q&A
Search
-
QuestionThe view source doesn't exist on my Mac, where do I find it?Community AnswerTo be able to view the source code of a webpage under Safari, you first need to enable the Developer menu: Click on Safari menu > Preferences > Advanced. Check "Show Develop menu in menu bar" Close the Preferences window Go to the Develop menu > Show Page Source
-
QuestionHow do I view the source code of an image on a page without seeing the code for the whole page?Community AnswerRight-click on the image and select "Inspect" from the available options.
-
QuestionHow do I create HTML source code for an image that I have on my computer?Community AnswerAdd the image location on your computer to the source code. Make sure the file is available and then run.
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
Advertisement
Tips
- While you can't usually view source code on a mobile browser, you can save a Safari bookmark on iPhone or iPad to view mobile Safari source code.Thanks
Submit a Tip
All tip submissions are carefully reviewed before being published
Name
Please provide your name and last initial
Thanks for submitting a tip for review!
Advertisement
Warnings
- Be wary of downloading third-party applications that claim to display the source code of a website.Thanks
Advertisement
References
- ↑ https://www.computerhope.com/issues/ch000746.htm
- ↑ https://developer.apple.com/library/archive/documentation/NetworkingInternetWeb/Conceptual/Web_Inspector_Tutorial/EnableWebInspector/EnableWebInspector.html
- ↑ https://developer.apple.com/library/archive/documentation/NetworkingInternetWeb/Conceptual/Web_Inspector_Tutorial/EnableWebInspector/EnableWebInspector.html
- ↑ https://developer.apple.com/library/archive/documentation/NetworkingInternetWeb/Conceptual/Web_Inspector_Tutorial/EnableWebInspector/EnableWebInspector.html
- ↑ https://developer.apple.com/library/archive/documentation/NetworkingInternetWeb/Conceptual/Web_Inspector_Tutorial/EnableWebInspector/EnableWebInspector.html
- ↑ https://developer.apple.com/library/archive/documentation/NetworkingInternetWeb/Conceptual/Web_Inspector_Tutorial/EnableWebInspector/EnableWebInspector.html
- ↑ https://developer.apple.com/library/archive/documentation/NetworkingInternetWeb/Conceptual/Web_Inspector_Tutorial/EnableWebInspector/EnableWebInspector.html
About This Article
Article Summary
X
1. Open the website in a browser.
2. Right-click the page.
3. Click View page source
or View source
.
Did this summary help you?
Thanks to all authors for creating a page that has been read 1,019,555 times.
Advertisement