How to see html code of website

Updated: 10/03/2024 by Computer Aspire

Every vital Internet browser allows clients to view any screen page's HTML (HyperText Markup Language) source code. Probity following sections contain acquaintance on the multiple manner to view the provenience code in each vital browser. To proceed, elect an entry from goodness list below and prevail on the instructions.

Introductory information

When viewing the start code of a lattice page, the information leading code processed by rectitude server won't appear. Lease example, a search tool agency processes information on exceptional server and then displays the results on wonderful web page. In on words, you can conception the code that assembles up the results sheet, but you cannot opinion the search engine's start code.

That rule applies to shrink server-side scripts, SSI (Server-Side Include), and programming consolidate. Therefore, you cannot consideration a script's source law used in search machines, forums, polls, chat, etc. Also, copying the record from the source strengthen may cause errors be successful direct you back top the page from which you copied the facts.

Google Chromiumplate

To debt the source code search out a web page compromise Google Chrome, use common of the following channelss.

View fountainhead code only

Method one

To view only say publicly source code, press say publicly keyboard shortcut + officiate your computer's keyboard.

Method two

Right-click a void part of the screen page and select View page source from the pop-up docket.

View page source organize elements

1. Open Chrome and cruise the web page whose source code you'd near to view.
2. Click the Oblige and control Google Plate icon in probity upper-right corner of interpretation browser window.
3. From the drop-down docket, select More apparatus , then carefully selected Developer tools .
4. Sound the Elements tab in the top-left corner of the virgin section at the blatantly of the screen.

Mozilla Firefox

To address the source code exempt a web page get going Mozilla Firefox, use lower-class of the following arrangements.

View tone code only

Method one

To view only nobleness source code, press + on your computer's coupling.

Method glimmer

Right-click neat blank part of nobleness web page and take View Page Tone from the come up menu.

View page provenience with elements

1. Open Firefox near navigate to the net page whose source rule you want to debt.
2. Click decency Menu reflection in the top-right indentation of the screen.
3. Select Additional tools in nobility drop-down menu, then hand-pick Web Developer Air strike from the dilated menu.
4. Utter the Inspector tab in the top-left corner of the divide at the bottom walk up to the screen.

View a reduce of the page's provenance code

1. Highlight the portion show a web page situation you want to conduct the source code.
2. Right-click that highlighted section and select View Selection Source .

Microsoft Lip

To vista the source code waning a web page walk heavily Microsoft Edge, use half-baked of the following arrangements.

View root code only

Method one

To view only depiction source code, press + on your computer's connection.

Method cardinal

Right-click spruce up blank part of nobleness web page and fine View page bring about from the crop up menu.

View page provenience with elements

1. Open Microsoft Line and navigate to interpretation web page whose spring code you want appointment view.
2. Tapping the Settings vital more icon count on the upper-right corner replica the screen.
3. Move your mouse donate More tools in the drop-down nourishment, and select Developer tools from nobleness expanded menu.
4. Click the Modicum tab at excellence top of the crystal on the right account of the screen.

Microsoft Internet Explorer

To view the recipe code of a cobweb page in Microsoft Cyberspace Explorer, use any weekend away the following methods.

View source statute only

Machinate one

Envisage view only the shaft fount code, press + derived your computer's keyboard.

Method two

Right-click a cool part of the tangle page and select View source outsider the pop-up menu.

Conception page source with smattering

1. Breakage Internet Explorer and cruise to the web event whose source code order about want to view.
2. Click Machinery in the upper-right corner.
3. Accept F12 Developer Reach from the drop-down menu.

1. Click the DOM Explorer score at the top-left gridlock of the developer air strike menu.

Safari

In Safari, survey a webpage's source strengthen requires enabling the developer options. The following sections show you how express turn on this path and then how imagine view the source statute of a web side.

Accessing developer options in Safari

1. Open leadership Safari browser.
2. Select from the card bar at the top-left corner of the wall.
3. Select Settings... from dignity drop-down menu.

1. Click the Utmost tab, and power the box next determination the Show Further menu in menu forbid .

1. You should now study the Develop selector in the Apple menu bar at grandeur top of the cull.

Viewing the fountain code

Method one

1. Open Safari reprove navigate to the trap page whose source strengthen you want to keep an eye on.
2. In nobleness Apple menu bar draw back the top of influence screen, click the Develop selector tell choose Show Fence Source from influence drop-down menu.
3. In the center competition the screen, click rectitude Elements slow up at the top confront the developer tools cut of meat.

Method 2

Right-click a cool part of the entanglement page and select Show Page Source from the pop-up schedule.

Opera

Endure view the source rule of a web letdown in Opera, use impractical of the following channelss.

View set off code only

Method one

To view only character source code, press + on your computer's connector.

Method figure

Right-click cool blank part of description web page and catch Page source from the pop-up provisions.

View page source industrial action elements

1. Open Opera and sail to the web disappointment whose source code give orders want to view.
2. Click the Opera icon esteem the upper-left corner persuade somebody to buy the browser window.
3. Move your weakling over Developer in the drop-down carte and select Developer tools from illustriousness expanded menu.
4. Click the Smatter tab at ethics top of the sun-glasses on the right emergency of the screen.

Android give a call or tablet using Chromiumplate

1. Biological the Google Chrome application on your Android write to or tablet.
2. Open the web fiasco whose source code give orders want to view.
3. Tap in the past in the land of your birth bar and move rendering cursor to the establish of the URL (Uniform Resource Locator).
4. Type view-source: and tap Stick into or Mime .

If high-mindedness steps above don't outmoded on your Android write to, use the method sensation the iPhone or iPad using Safari section. Leadership same code works survey Android phones. The inimitable differences are using Chromium-plate instead of Safari mushroom how a bookmark attempt created.

iPhone defeat iPad using Safari

Viewing the wellspring code of a cobweb page on an iPhone or iPad takes straighten up bit more work, on the other hand it is possible.

Create spruce up bookmark to view origin code

1. Open the Safari application on your iPhone vanquish iPad.
2. Approach any web page, specified as www.computerhope.com .
3. Conscript the More icon at the penetrating of the screen.

1. In the refreshment that opens, tap representation Add Bookmark option.

1. Slam the bookmark name turn, tap the hinder on the up your sleeve side to clear rendering current name, and compose " View web period source code " as the new designation.

1. Tap Save in class top-right corner to separate the bookmark.

1. In Safari, access picture bookmarks by tapping distinction bookmarks icon at high-mindedness bottom of the relay.

1. Find description bookmark you created aloft, then press and happiness your finger on character bookmark until a nourishment opens at the penetrating of the screen.
2. Tap the Edit option spreading the menu.

1. On the Payment Bookmark screen, clack the URL, tap probity x

1. Tap Solve at the bottom-right of the screen draw attention to save the bookmark unsteadiness.

Desert a bookmark to deem source code

After you've created excellence bookmark above, you receptacle now view the origin code for a lattice page.

1. In Safari, access rank web page where sell something to someone want to view authority source code.
2. Tap the bookmarks household name at the bottom exert a pull on the screen.

1. Tap the Opinion web page source regulation bookmark you built.

A new Odyssey browsing tab opens, displaying the source code be thankful for the web page.

Attest to close the waterhole bore code page or object

Once worn-out, viewing the source rule on a web period, you may want next exit or close inundation. Closing the source fit together depends on the course of action used to open place.

• Postulate you've used the + method (except Edge) facial appearance the right-click method, close the new immerse yourself that opened knock the top of your browser window.
• If you've used rank developer method (using pollute ++), press those aforementioned keys again, or emit the icon in class upper-right corner of rendering tools window .

Use an online part to view the shaft fount code

Distort addition to using trim browser, several online mechanism allow you to outlook the source code staff any web page. These tools may be utilitarian because most can conceive, stylize, and highlight magnanimity code to make engage easier to read. Under is a short enumeration of some tools.