How to view the code behind a website

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.
  • Tip: I put together this comprehensive list of quick tests to find out how well made your website is. Please USE and SHARE it to help get the word out.
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".
  • Tip: I put together this comprehensive list of quick tests to find out how well made your website is. Please USE and SHARE it to help get the word out.
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".
  • Tip: I put together this comprehensive list of quick tests to find out how well made your website is. Please USE and SHARE it to help get the word out.
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".
  • Tip: I put together this comprehensive list of quick tests to find out how well made your website is. Please USE and SHARE it to help get the word out.
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.
  • Tip: I put together this comprehensive list of quick tests to find out how well made your website is. Please USE and SHARE it to help get the word out.
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.

  • 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’.
  • Tip: I put together this comprehensive list of quick tests to find out how well made your website is. Please USE and SHARE it to help get the word out.

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.

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