How to View Page Source (HTML) of a Webpage in Chrome/Firefox/Safari/Mobile

Every Webpage will be based on HTML or Client side scripting. When you request a webpage, your browser will send a http request to the web address and from the server the html script will be downloaded as a copy on your Web browser. But server script, which is the background for the entire functionality of the webpage, will not be visible to the end users. So you can easily view the HTML Page source of a webpage in all best browsers in both Windows/Mac. By the end of the post you will have a clear idea on how to view HTML page source of a webpage in Chrome/Firefox/Edge/Safari and also on Mobile browsers such as Android and iOS.

All internet browsers must download a copy of the script in order to open a webpage, so you will be able to view page source for all best browsers. But may be the process be different. One more thing is you can only view the HTML code of the webpage, which is used to display the widgets, Texts, Buttons and all items on the Webpage. But you cannot see the back-end functionality such as “what process the program is doing after clicking the button”. So if you try to execute the HTML code, the output may encounter any error or the same webpage(without any Styles), which you got the HTML code.

Let’s see step by step process of how to view HTML Page source of a Webpage in all best browsers.

View Page Source of Webpage

 How to View Page Source of Webpage in Chrome:

  • Open Google Chrome and Open some specific webpage, which you need to view the page source.
  • Now press CTRL + U on your Keyboard.
  • After that you can see the entire HTML Page source of the current webpage, which you are viewing.
  • Another method to view Page source in detailed way is to open “Developer tools” which will be under “More Tools” category.
  • You can also open developer tools just by pressing F12 or CTRL+SHIFT+I from your keyboard.

Note: Please remember if you do not able to open from any of the methods, please Get to the latest version of Google Chrome .

View Page Source of Webpage Chrome

Also Check how to Download iMovie for Windows.

How to View Page Source of Webpage in Firefox:

  • Open Firefox and Open some specific webpage, which you need to view the page source.
  • Now press CTRL + U on your Keyboard.
  • You can also open in another way.
  • Open Firefox and any webpage of your wish.
  • Press ALT from your keyboard to get the Menu bar.
  • Now Select TOOLS -> WebDeveloper -> Page Source.

After that you can able to see the page source in a new window.

  • If you are on the latest versionof Firefox, You can also open developer tools just by pressing F12 or CTRL+SHIFT+I from your keyboard.

View Page Source of Webpage Firefox

 

How to View Page Source of Webpage in Micrososft Edge:

  • Open Microsoft Edge and Open some specific webpage, which you need to view the page source.
  • Now press CTRL + U on your Keyboard.
  • You can also open in another way.
  • Open Edge Browser and any webpage of your wish.
  • Press ALT from your keyboard to get the Menu bar of the browser.
  • Now Select View -> Source.

After that you can able to see the page source in a new window.

  • If you are on the latest version of EDGE, You can also open developer tools just by pressing F12  from your keyboard.

View Page Source of Webpage Edge

 

How to View Page Source of Webpage in Apple Safari:

If you are on the Windows Safari browser, then this will not work. Please check in our later sections.

  • Open Safari on your Mac/iPad and Open some specific webpage, which you need to view the page source.
  •  Now press COMMAND + OPTION + U on your Keyboard.
  • You can also view Page source in another way
  • Open some specific webpage from your Browser.
  • Select DEVELOP -> Show Page Source.

After that you will able to view page source in a New Tab or New Window.

View Page Source of Webpage Safari

Also check Best Siri Alternatives for Android.

How to View Page Source of Webpage in Android Mobile Browser:

May be it is quite easy to open Page source on Windows PC or Apple Mac. As there are some options or Keyboard shortcuts to open directly. But in Android there are no specific Menu option to directly open HTML page source. However I will take you the process step by step.

  • Open Google Chrome Browser from your Android Mobile.
  • Now open a specific webpage, which you are desired to view Page source.
  • After that just tap on the URL in the address bar and insert the following code at the beginning of the URL as shown below.

     view-source:

After that you will able to view page source in a New Tab or New Window.

View Page Source of Webpage Android

How To View Page source of Webpage on iPhone/iPad:

Till Now, all the methods we have seen in this post were very easy. But you may face some hard situation in the process to view Page source in iPhone/iPad, as the process will not be that smooth. However Don’t worry, I will take you through the process in a step by step manner.

  • Open Safari Browser from your iDevice.
  • Tap the Action button to add a New Bookmark.
  • Rename the BookMark as “Show Page Source” and then save the bookmark.
  • Now visit this webpage and copy all the code in webpage.
  • Now open the bookmark “Show Page Source” created, and click on edit bookmark.

iPhone code

  • Clear the URL from the address field and paste the code copied from the above page, then save the bookmark.
  • That’s it, Now visit any webpage and click on the “Show Page Source” Bookmark to see the HTML page source of that webpage.

Hope you found the post useful. Please feel free to comment below in case of any concerns 🙂

Leave a Reply