May 30, 2021 Article blog
Browsing html pages and viewing their source code can help us understand the information and architecture of this version of the web page, and each browser allows users to view the HTML source code for any web page they visit. The following programming lion sister describes several common browsers to view the HTML source code of the web page.
Method one
To view only the source code, press
Ctrl
and
U
on your computer keyboard.
Method two
Right-click the blank part of the page, and then select View page source code (V) from the pop-up menu that appears.
Ctrl
Shift
I
prompt:
In Chrome, you'll also call up interactive developer tools by pressing
F12
or Ctrl-Shift-I.Ctrl
Shift
I
This tool provides more interaction with source code and CSS settings, allowing users to see how changes in code immediately affect web pages.
Method one
To view only the source code, press
Ctrl
and
U
on your computer keyboard.
Method two
Right-click the blank part of the page, and then select View page source code (V) from the pop-up menu that appears.
Ctrl
Shift
I
from the expanded menu.
prompt:
In Firefox, pressing F12 or
Ctrl
plusShift
plusI
also calls up interactive developer tools. The tool provides interaction with source code and CSS settings, allowing users to see in real time how changes in code affect Web pages.
prompt:
You can use firebug add-ons to view and edit the source code of your page and view changes in real time through your browser.
Method one
To view only the source code, press
Ctrl
and
U
on your computer keyboard.
Method two
Right-click the blank part of the page, and then select View page source code (V) from the pop-up menu that appears.
prompt:
In Microsoft Edge, interactive developer tools are also called up by pressing F12 or
Ctrl
plusShift
andI
The tool provides interaction with source code and CSS settings, allowing users to see in real time how changes in code affect Web pages.
Method one
To view only the source code, press
Ctrl
and
U
on your computer keyboard.
Method two
Right-click the blank part of the page, and then select View Source (V) from the pop-up menu that appears.
prompt:
In Internet Explorer, pressing F12 pops up the DOM tool. The tool provides interaction with source code and CSS settings, allowing users to see how changes in code immediately affect web pages.
Method one
To view only the source code, press
Ctrl
and
U
on your computer keyboard.
Method two
Right-click the blank part of the page, and then select View page source code (V) from the pop-up menu that appears.
Ctrl
Shift
I
prompt:
In the 360 Secure Browser, pressing
F12
orCtrl
plusShift
andI
also calls up interactive developer tools. This tool provides more interaction with source code and CSS settings, allowing users to see how changes in code immediately affect web pages.
After viewing the source code on the page, you may want to exit or close it. Turning off the source code depends on the method you use to open the source code.
Ctrl
method (except Edge) or right-clicking,
close
the
new tab
that opens at the top of the browser window.
U
Ctrl
plus
Shift
plus
I
press the same key again, or click the icon in the upper right corner of the
tool window.
In addition to using a browser, there are online tools that let you view the source code of any web page. These tools may be helpful because most tools can format, style, and highlight code to make it easy to read.
That's what Programming Lion W3Cschool has compiled for you about "How do I view html source code for web pages in a browser?" The whole content of the book, I hope to help you