Viewing the source code of a website’s pages is known as viewing the “Page Source” of the current page that is loaded in a window using an internet web browser. Viewing the page source of a web page is great for viewing the source code and loaded scripts that need to be debugged, or viewing the source code of a web page of your personal website, forum, or blog in order to determine best how to code your webpage. Viewing the source code of a web page may help webmaster’s determine how a particular website was created and set up by the website’s coding and scripting developers. Blog owners may wish to check on the coding and scripting line, variable, class, and id structure of a webpage’s source code whether they designed and developed the webpage or if they hired a professional webpage developer and coder. In this tutorial we will show you how to view the source coding of a webpage using Mozilla Firefox, using a couple simple methods. In other tutorials, we will be detailing, what options are available in the source code window.
How to View Page Source using Mozilla Firefox and Microsoft Windows
Step 1. Load the Mozilla Firefox internet web browser (Left click once on the Mozilla Firefox icon in the Taskbar, Double click on the Mozilla Firefox icon on the desktop, Search and left click once on the Mozilla Firefox icon using the Start menu).
Step 2. Load your personal website, forum, or blog.
Step 3. Load a webpage from your personal website, forum, or blog.
Step 4. Locate the menu bar (should be the uppermost menu bar in Mozilla Firefox)
Step 5. If you do not see the menu bar, right click somewhere near the tab section of Mozilla Firefox and left click once on the “Menu Bar” option (or using your keyboard, press down once on the “alt” button).
Step 6. You should notice seven button options in the menu bar, (File, Edit, View, History, Bookmarks, Tools, Help).
Step 7. Locate the “Tools” menu bar option.
Step 8. Left click once on the “Tools” menu bar option (or using your keyboard, use the key combination “alt + T”) (That is using the “alt” button plus the “T” button on your keyboard).
Step 9. You should notice six button option under the “Tools” menu bar option, (Downloads, Add-ons, Set Up Sync, Web Developer, Page Info, Options).
Step 10. Locate the “Web Developer” option under the “Tools” menu bar option.
Step 11. Hover your mouse cursor over the “Web Developer” option and an additional menu will load.
Step 12. Locate the “Page Source” option under the Web Developer option.
Step 13. Left click once on the Page Source option under the Web Developer option. (or using your keyboard, use the key combo “Ctrl + U”) (That is using the “Ctrl” button plus the “U” button on your keyboard).
Step 14. A window will appear with the title “Source of:” and will list the url link of the current web page being viewed using the page source option in Mozilla Firefox using the Microsoft Windows operating system.
That’s it!
You are now viewing the page source of the current webpage that is loaded in your internet web browser.
Discussion Topic: How to View Page Source using Mozilla Firefox and Microsoft Windows
