How to View the Source Code of a Website
WordPress, Joomla, and Drupal are primarily powered by PHP.
And it’s quite easy. Let’s get started.
View Page Source
Go to the outer edge of a site (e.g. far left), then right-click and click on “View Page Source” (or the option that’s similarly named).
You can now read through it and see what that page is created with.
You can also use Ctrl + F (command + F in Mac) to search through it for certain key words.
If you want to drill down on a specific part of a page, most browsers now come with built-in inspectors. Or you can use Firebug in Firefox.
Just right-click on the object you’d like to inspect, then click on Inspect Element (or the option that’s similarly named).
The respective code will be high-lighted in the left window. Then you can click on the tags outside of it or within it to drill down on those. As you do that, it will high-light the part of the page it controls.
On the right side, you’ll see the CSS styles that are applied to the HTML tag that’s high-lighted.
This is an extremely useful and quick way to inspect code.
If you just want a quick way to see which technologies a website uses without doing the manual investigation, then check out our Wappalyzer tutorial.
Just to add some info/insight:
So it is good to think about what you need to see. If you want to check the actual HTML output, use the ‘View Page Source’ and not the ‘Inspect Element’.
Thanks for sharing.
Nice! I didn’t know that. Thanks for adding that info, Peter!
Peter, if you compiled an Ebook on the matter, I would surely buy it… or say, make it available to members for free, that purchase a years subscription to your NoNumbers extensions. 🙂
How to find the source code in Wp editor
Click the “Text” tab on the top right of the editor.
How to get access to images as well ????…..
Nice good work. I also like To make websites.
please help me