How to view page source (HTML Code) of any website | View hidden HTML code | Download it for free | Who.is

Wānt tø seē the CØDË øf añy wēbpāge, thën yēs ! yøu āre at thē right spøt. 

At first let's have a look on the contents that are being discussed in this post.

Introduction:

Hello guys welcome to Thē Knøwlēdgē Hūb. I am glad that you visited our blog. In this post I will tell you how to view page source or HTML code of any website on every browser, how to view hidden HTML code and download it for free with some additional information on websites i.e, Whois. You may have ever amazed, that how these webpages of any website are so beautiful and att Drractive. The only reason behind this is - the coding! web designers and web developers code a particular web page using programming languages like [HTML , CSS & JAVASCRIPT]

Almost all browsers allow users to see this code by performing some simple steps (discussed below) and yes! you can also do this, but first let me clear some basics.

What is page source?

Websites are made up of bunch of web pages. A single website contains many web pages. Page source is used to define the code of a single webpage. Even you can see the code of a single web page at a time. Every web page is written and designed by written code in different languages HTML, CSS, JavaScript and that particular code is called page source. So viewing page source means viewing the code

How to view page source?

As mentioned above, page source can be viewed by performing some simple steps. These steps vary from device to device and sometimes browser to browser.

So let's see these steps on PC.

i) PC (Personal Computer) : 

In one PC there can be many browsers. Let's perform these steps on different browsers.

Chrome browser: 

Method 1: 

       • Visit the webpage of which you wish to see the code using chrome.

       • Now press CTRL + U from your keyboard.

       • A page will open on the screen showing the entire code of that particular web page

Method 2:

       • Visit the webpage of which you wish to see the code using chrome.

       • Right click on the blank part of the web page and select the view page source from the popup menu that appears.

Mozilla Firefox browser: 

Method 1: 

       • Visit the webpage of which you wish to see the code using chrome.

       • Now press CTRL + U from your keyboard.

       • A page will open on the screen showing the entire code of that particular web page.

Method 2:

       • Visit the webpage of which you wish to see the code using chrome.

       • Right click on the blank part of the web page and select the view page source from the popup menu that appears.

Microsoft Edge browser:

Method 1: 

       • Visit the webpage of which you wish to see the code using chrome.

       • Now press CTRL + U from your keyboard.

       • A page will open on the screen showing the entire code of that particular web page.

Method 2:

       • Visit the webpage of which you wish to see the code using chrome.

       • Right click on the blank part of the web page and select the view page source from the popup menu that appears.

MS Internet Explorer browser: 

Method 1: 

       • Visit the webpage of which you wish to see the code using chrome.

       • Now press CTRL + U from your keyboard.

       • A page will open on the screen showing the entire code of that particular web page.

Method 2:

       • Visit the webpage of which you wish to see the code using chrome.

       • Right click on the blank part of the web page and select view source from the popup menu that appears.

Safari browser: 

Method 1:

       • Visit the webpage of which you wish to see the code using chrome.

       • Right click on the blank part of the web page and select show page source from the popup menu that appears.

[Note: You must have the developer options enabled for the above mentioned steps to work]

[Tip: Once the developer options are enabled you can also press Command+Option+U to view page source]

Opera browser: 

Method 1: 

       • Visit the webpage of which you wish to see the code using chrome.

       • Now press CTRL + U from your keyboard.

       • A page will open on the screen showing the entire code of that particular web page.

Method 2:

       • Visit the webpage of which you wish to see the code using chrome.

       • Right click on the blank part of the web page and select the page source from the popup menu that appears.

[Example] 

   

ii) Android Phone:

Chrome browser:

     • Open browser on your device.

     • Visit the webpage of which you wish to          see the code

     • Click on the title bar, where the link for          the webpage is displayed.

     • Now just write "view-source:" in                   front of the link and run it.

     • After this the page containing the code         will appear.

     [ For example ]

(view-source:https://www.toi.com)

iii) iPhone

 Safari browser:

Viewing page source in iPhones is very difficult but it is possible. I'm going to tell you the easiest way to view page source. Using online HTML viewer tools you can easily view page source of any webpage in iPhones.

iv) Free online tools for viewing page source: 

• Dupli Checker (HTML Viewer)

• HTML Viewer

• Code Beautify (source code viewer)

• HTML Strip (HTML Source Code Viewer)

• HTML Source Code Viewer

v) Video Guide (In Hindi)

---

Hidden HTML code:

What is hidden HTML code ?

When developers code web pages they might keep some values hidden, that means those values will not appear on the web page but it can be seen in the HTML code. Those values are known as hidden HTML code.

How to view hidden HTML code?

Viewing hidden HTML code is very easy.

• Just follow the above written steps and get the entire code of the web page whose hidden code you wish to see.

• Then look for elements (simply code) which are coded in the syntax:

<input type="hidden" value="it can be anything">

Example -  <input type="hidden" value="Hello World!">

• All the codes like these are hidden one. They don't appear on the webpages.

• So this is how you can view form HTML code.

---

How to download the entire code for free?

You can download the entire code of any webpage for free from this website.

https://www.ranknotebook.co tom/tools/get-webpage-source-code

Steps to download page source (HTML code)

• Visit the website and enter the url of that website whose code you wish to download.

• After entering the url click on 'Get Source Code' button.

• The source code of the website will be shown and then scroll down and click on 'Download (.html)' botton.

• The HTML file will start downloading.

• So this is how you can download the entire code of any website for free.

---

Additional Information on websites:

If you want to know some additional information of any website and its domain, then who.is is the best website.

What is who.is ?

Who.is is actually a online website for purchasing and exchanging domains but it's also used for internet record listing that identifies who owns a domain and how to contact them.

Who.is - https://whois.domaintools.com/

What information does who. is provided?

Who.is provides information such as name and contact of both the registrant and registar, expiration details, phone number, email, address, etc. 

How to use who.is? 

• Visit who.is

• Enter the website or the domain on the search bar and click on the search button.

• Verify yourself by passing the reCaptcha.

• Then a page will open showing the details of the domain.

• So, this is how you can use who.is

Conclusion:

I have discussed everything related viewing page source, in all devices and all browsers along with video guide. Additional information has also been given in this post. Hope you will like it.

Thank You for visiting

Have a good day:)