How to view the source code of a web page

Question 1: How to view the JS code of the web page? Right-click on the web page, and then view the sea file. If the JS code is written directly in the HTML file, you can see it. If the JS code is external file, then find the URL of the js external file from the HTML code, and then download it and view it.

Question 2: How to use the browser to view the HTML and CSS source code of the web page. The IE9 browser hides the browser menu bar by default, so after opening the IE9 browser, you need to Press the ALT key on your keyboard to display the browser toolbar.

2

Click the menu "View" → "Source File" on the displayed IE menu bar.

3

IE browser will automatically open a new window to display the web page source code.

4

Oh~ this file is too difficult to understand~ Don’t worry, in fact, IE9 provides a more powerful web page source code viewing tool-Developer Tools.

Click the gear icon in the upper right corner of the IE9 browser, click "F12 Developer Tools" in the drop-down menu, or directly press the F12 shortcut key on the keyboard to open the developer tools.

5

The developer tools of IE9 provide more powerful web development code viewing and debugging functions. You can use the developer tools to more conveniently view the web page HTML code and CSS style code. and script information.

END

Use Firefox browser to view web page source code

1

Windows Vista/7 users: Click on the upper left corner of Firefox browser Click the shortcut menu in the corner, click "Web Developer" → "View Page Source Code" in the drop-down menu.

Windows XP/Linux users: Click the menu "Tools" → "Web Developer" → "View Page Source Code" in the Firefox browser.

Keyboard shortcut: Ctrl+U

2

The Firfox browser will open the web page source code window to display the web page HTML source code.

3

If you want to view the external CSS source file, you can use the mouse to click on the CSS external file link URL in the source code.

4

However, the built-in web page source file viewer is not easy to use. You can try to use the plug-in Firebug to get better web development functions.

Click "Web Developer" → "Get More Tools".

5

Install the plug-in "Firebug" in the pop-up Firefox new tab page.

6

After the installation is completed, the Firebug icon will be added to the toolbar in the upper right corner of the Firefox browser. Click on it to use the Firebug web debugging tool.

This tool is quite powerful~

END

Use Google Chrome browser to view the source code of the web page

Click on the upper right corner of Chrome browser The shortcut menu "Tools" → "View Source Code".

The Chrome browser will open a webpage source code display window. This source code display window does not seem to be so friendly. There is a lot of webpage code and I really don’t know how to start.

If you want better web page source code display and development tools, then click the shortcut menu "Tools" → "Developer Tools" in the upper right corner of the Chrome browser.

Look, Chrome browser already provides you with a very powerful web developer tool without downloading any plug-ins.

It is also very easy to use the Chrome browser developer tools to view and debug CSS.

Question 3: How to view the source code of the web page? This depends on which codes the poster wants to view? Is it front-end JS code or back-end development code? If it is the former, the poster needs to have a certain foundation. You can look for embedded tags in the source code of the web page or find Question 4: How to enter the backend of the web page? View source code? Find the entrance to the backend management, enter the administrator account and password to log in, then modify the phone number in the website settings or corporate information, and save it. Then switch to the front page, press F5 to refresh, and you will see the effect of the modification. The backend of the ASP Source Code Center is operated in this fool-like manner. If you don't understand, you can ask the customer service on the website.

Question 5: How to view the source code of a web page in Google Chrome? To view the source code of a web page in Google Chrome, right-click on the page and select View web page source code, or in the developer debugging interface. Available for viewing.

Software tool: Google Chrome version 53.0.2785.116 m

Method 1. On the page, right-click the pop-up menu and select "View web page source code".

Method 2: On the current page, press the ctrl+u shortcut keys to open the page to view the source code of the web page.

Method 3: On the current page, press F12 to open the developer debugging page. The code under the Elements tag is the source code of the web page. Press F12 again to exit the developer debugging page.

Question 6: How to view the source code of a web page in Google Chrome to open a web page 2.

Right-click on the web page and select "View web page source code" < /p>

Question 7: When editing web page source code, how to check which file on the server the HTML code of the source code is in? 50 points 1: Look at the development documentation

2: Look at the directory Classification, for example: more than 90% of the HTML in the admin directory is background. 80% of the directory with the same name as the website (or the English abbreviation of the website, or the website code, etc.) is the front-end display page; and so on

3: Look at the file name of the html file, generally speaking The file names of html files are all regular or meaningful. For example: tools is obviously the toolbar; header is obviously the header part; help page; foot bottom bar...

Overview: It is best to have development documentation. If not, follow 2 and 3 to solve the problem, or ask your colleagues or leaders;

Tips: If you are using Google Chrome: press F12 and select the Sources option , look at the lower left column, it can help you locate the website folder

That’s all. . . . . .

Question 8: How to view the source code of a web page made with a framework? It is very simple.

See the SRC part in the framework.

Add it to the address of the website you want to see, and it's OK.

Welcome to my website, HTML Learning Guide. The URL is in the username.

Question 9: How to view the HTML source code of a webpage? The method to view the HTML source code of a webpage is: after opening a webpage, click the menu on the browser to view. Select Select the source file option below. You can open a notepad file, which contains all the code of this web page. You can also place the mouse anywhere on the web page (as long as it is located at a place where there is no link or picture, preferably a blank area on the web page. ), right-click the mouse and select View Source File.

Question 10: How to view the source code in Safari. In the IOS system, Apple's Safari browser is mainly used to surf the Internet. , view the web page.

However, unlike IE, Safari does not support viewing source code.

Here is a recommended way to view html source code:

1. Save a bookmark for the webpage where you need to view the source code;

2. Edit the bookmark , change the URL to the following code:

javascript:(function(){var a=window.open('about:blank').document;a.write('');a.close( );var b=a.body.a(a.createElement_x('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.a(a.createTextNode(document .documentElement.innerHTML))})();3. Close editing bookmarks, click the bookmark through the bookmark menu in Safari, and the source code will appear