Saturday, 16 January 2016

VIEW HTML SOURCE 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.


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".


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".


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.


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’.

No comments:

Post a Comment