How to view the code behind a website

Last modified on Thursday, 18 December 2014

If you would like to take a look behind the scenes and view the code behind a website, then by far the quickest and easiest ways to do this are listed below. You will need to check which browser you are using. If you are unsure then it is probably Explorer.

View HTML source code behind a website

Internet Explorer shortcut keys - view the code behind a website

Internet Explorer Shortcut keys

  • Go to the web page that you want to view
  • Explorer Shortcut keys: Press Shift+F12 and the code should appear in a separate window
  • If this does not work, hold the mouse pointer over a blank part of the web page, right click and choose "HTML".
  • Alternatively from the menu bar select View and choose "HTML" or "Source" depending on the version you are using.
  • PRO TIP: here are some awesome free tests to check how good your website is. Each test takes a few seconds and will tell you how quick your website is, check for errors, check for broken links, and much more.
Firefox shortcut keys - view the code behind a website

Firefox Shortcut Keys

  • Go to the web page that you want to view
  • Keyboard shortcut: Press Ctrl+U and the code should appear in a separate window
  • If this does not work, hold the mouse pointer over a blank part of the web page, right click and choose "Page Source".
  • Alternatively from the menu bar select View and choose "Page Source".
  • PRO TIP: here are some awesome free tests to check how good your website is. Each test takes a few seconds and will tell you how quick your website is, check for errors, check for broken links, and much more.
Safari shortcut keys - view the code behind a website

Safari Shortcut Keys

  • Go to the web page that you want to view
  • Safari keyboard shortcut: Press Ctrl+Alt+U and the code should appear in a separate window
  • If this does not work, hold the mouse cursor over a blank part of the web page, right click and choose "View code".
  • Alternatively from the menu bar select View and choose "View source".
  • PRO TIP: here are some awesome free tests to check how good your website is. Each test takes a few seconds and will tell you how quick your website is, check for errors, check for broken links, and much more.
Google Chrome shortcut keys - view the code behind a website

Google Chrome Shortcut Keys

  • Go to the web page that you want to view
  • Chrome shortcut keys: Press Ctrl+U and the code should appear in a separate window
  • If this does not work, hold the mouse pointer over a blank part of the web page, right click and choose "View Source".
  • Alternatively from the tool bar select Tools and choose "View Source".
  • PRO TIP: here are some awesome free tests to check how good your website is. Each test takes a few seconds and will tell you how quick your website is, check for errors, check for broken links, and much more.
Opera shortcut keys - view the code behind a website

Opera Shortcut Keys

  • Go to the web page that you want to view
  • Opera Shortcut Keys: Press Ctrl+U and the code should appear in a separate window
  • If this does not work, hold the mouse cursor over a blank part of the web page, right click and choose "Source".
  • Alternatively from the menu bar select View and choose "Developer Tools" and then "Source" from the pop-out menu.
  • PRO TIP: here are some awesome free tests to check how good your website is. Each test takes a few seconds and will tell you how quick your website is, check for errors, check for broken links, and much more.
iPad shortcut keys - view the code behind a website

View source code on an iPad

To view source code on an iPad or IOS mobile device, there are two methods. The quick one is to download the App. The second and decidedly geekier of the two methods is to set up a button on your iPad as follows.

  • Open your Safari and bookmark the page you are reading by clicking on the bookmark button. Instead of the page name, name it ‘View Source’ and tap ‘Save’.
  • Open this link and copy the script.
  • Tap the Safari bookmark icon again, followed by ‘Edit’
  • Select the ‘View Source’ bookmark you created in above.
  • Paste script you copied in step 2 into the URL bar and tap ‘Done’.
  • You now have bookmark called ‘View Source’. To view the source code of any webpage on your IOS device, open any site in Safari and select Bookmarks/ ‘View Source’.
  • PRO TIP: here are some awesome free tests to check how good your website is. Each test takes a few seconds and will tell you how quick your website is, check for errors, check for broken links, and much more.

If you need anymore help on how to view the code behind a website, please leave note in the comments below, and I'll get right back to you.

Found your code? How to test for errors and implement Schema

Great, now that you have found your code, don''t stop there! Here are some excellent tests to check that your code is error free and fast loading; and here you can find out about Schema Markup and check that it is on being used by the code on your website (this will really give your website an advantage over competitors).

Mike Fitzpatrick

by Mike Fitzpatrick

Mike Fitzpatrick is the founder and web developer at Jeyjoo web design. He works with both individuals and companies to grow their businesses online.

Follow me on Google Plus