Opera Browser, Inspect Element

This is just a nice tip for people who are learning HTML. If you have been using any other browser. You might be aware that right clicking on any page and clicking on “View Source” or “Page Source” or any of that kind will give you the HTML source code of the page. But what i don’t like about all those tools is that it gives you a very awkward representation of the code. Some times you will not know where to begin with.

But Opera has this amazing tool which i found only recently. Its the “Inspect Element” Tool. Right click on any page and click on “Inspect Element”, you will see the page split into two vertical segments. The bottom one being the source code of the page which is sorted out. Snapshot is below so you can get a picture of how it looks like.

image

The feature i like about this is

1. All the code has been sorted out just like how you would see it in a professional HTML editor.

2. After you click on “Inspect Element” you get into this ultra cool mode, where you can click on anything in the browser window and this lower tab will take you to the particular piece of code that is responsible for that. Awesome right!?

This is just for a start. Once you go deep into this you will see that you have lot more options to analyse a webpage. I’m in that process now.

Thank you.

Comments are welcome..

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s