3 Ways to View Source Code

Table of contents:

3 Ways to View Source Code
3 Ways to View Source Code

Video: 3 Ways to View Source Code

Video: 3 Ways to View Source Code
Video: This Website has No Code, or Does it? 2024, November
Anonim

This wikiHow teaches you how to view the source code, the programming language behind a website, in almost any browser. Except for Safari, you can't view the source code on websites if you're using a mobile browser.

Step

Method 1 of 3: Chrome, Mozilla Firefox, Internet Explorer and Edge

View Source Code Step 1
View Source Code Step 1

Step 1. Start the web browser

The process to view the source code in Firefox, Chrome, Internet Explorer, and Microsoft Edge is the same.

View Source Code Step 2
View Source Code Step 2

Step 2. Visit the web page for which you want to view the source code

View Source Code Step 3
View Source Code Step 3

Step 3. Right click on the page

If you're using a Mac that has only one mouse button, hold down Control and click the mouse. On laptops that use a trackpad, use two fingers to click the page. A drop-down menu will be displayed.

Don't right-click on photos or links while you're doing this as it will bring up the wrong menu

View Source Code Step 4
View Source Code Step 4

Step 4. Click View page source or ViewSources.

The browser source code will be displayed in a new window or at the bottom of the currently open window.

  • View page source will appear if you are using Firefox and Chrome. In Internet Explorer and Microsoft Edge, what is shown is View Source.
  • To bring up the source code, you can also press Option+⌘ Command+U (Mac) or Ctrl+U (Windows).

Method 2 of 3: Safari

View Source Code Step 5
View Source Code Step 5

Step 1. Start Safari

The app icon is a blue compass.

View Source Code Step 6
View Source Code Step 6

Step 2. Click Safari in the top left of your Mac's menu bar

A drop-down menu will be displayed.

View Source Code Step 7
View Source Code Step 7

Step 3. Click Preferences

This option is in the middle of the drop-down menu.

View Source Code Step 8
View Source Code Step 8

Step 4. Click Advanced

It's in the upper-right corner of the Preferences window.

View Source Code Step 9
View Source Code Step 9

Step 5. Check the box "Show Develop menu in menu bar"

This option is at the bottom of the Preferences window. Menu Develop will appear in the menu bar of your Mac computer.

View Source Code Step 10
View Source Code Step 10

Step 6. Visit the web page for which you want to view the source code

View Source Code Step 11
View Source Code Step 11

Step 7. Click Develop

This menu is on the left side of the menu windows which is in the Mac's menu bar.

View Source Code Step 12
View Source Code Step 12

Step 8. Click Show Page Source at the bottom of the drop-down menu

By clicking this option, Safari will display the source code for that web page.

to bring up the source code, you can also press Option+⌘ Command+U

Method 3 of 3: On Wiki

Step 1. Visit the web page for which you want to view the wiki source code

Step 2. Click the "View source" or "Edit" tab

Step 3. Browse to the source code, then select/copy the code you want to copy to your website

Tips

While you usually can't view the source code in mobile browsers, you can save a Safari bookmark on your iPad or iPhone to view the source code in the mobile version of Safari

Recommended: