What is "View Page Source" and "Inspect"?

macfais

Active member
Registered
Joined
Nov 6, 2017
Messages
73
Points
8
I have this question since long time. In any web pages, if you are going right-click, the two bottom options are "view page source" and "inspect". For anyone who do not have an idea about programming, clicking those is a bad idea as it will direct you to a bunch of codes. Could any give us an idea about what are those or what are their purpose or use? I attached one screen shot for a better picture of my question.

Page source and Inspect.jpg
 

Localnode

Well-known member
Registered
Joined
Dec 15, 2015
Messages
333
Points
43
View page source will view the whole source of the page.
Inspect works in a similar way, with the exception that it highlights the element source.
Example: inspecting the "reply with quote" button on this page:

view-source-1.jpg

Viewing the page source:

view-source-2.png

&

view-source-3.jpg.

The same page source with the "reply with quote" code section:

view-source-4.jpg.
 

24x7serverman

Well-known member
Hosting Provider
Registered
Joined
Jul 25, 2017
Messages
651
Points
28
Inspect element is the live code editing feature in Google chrome. You can edit the CSS rules applied to various elements on the pages. You can edit Styles, DOM objects, Event Listeners, Properties using it. This is authenticated way to perform the inspect element operation.

View source displays the source code of the page. It sends request for the file, which is not authenticated and which returns the source code of the file. Some of the web-developer disable this feature.
 

Fusion Arc Hosting

Well-known member
Hosting Provider
Registered
Joined
Oct 25, 2017
Messages
136
Points
18
Hi,

View Page Source allows you to see the websites html code and the inspect element allow you to change the html and css and also allows you to see the network information for a website for example what files the device you are on needs to download to be able to show the website.

Note that what you change in inspect mode it will not stay the way when you reload the website.
 

martin smith

New member
Registered
Joined
Oct 27, 2017
Messages
9
Points
0
View Page Source allows you to see the HTML code and Inspect element allows you to edit the code ..
 

superman2727

Well-known member
Registered
Joined
Apr 24, 2018
Messages
227
Points
18
View page source is somehow showing the HTML as it was already delivered from the server to our web browser. Then Inspect Element is a place where you can see the errors about HTML and it helps you to correct some errors about the page.
 
Recommended Threads

Latest Hosting OffersNew Reviews

Sponsors

Tag Cloud

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top