URL : http://enews-update.com/how-to-see-the-source-code-of-a-webpage.html
Posted : February 18, 2016 at 8:32 pm
Author : eNews Update
Tags : Chrome, Security, Windows
Categories : Tips And Tricks
There are many information that can not be seen on web page front end. But if you want to know really whats happening if your open any web page you can inspect elements. For view purpose you can change any type in the page until the page reloaded and the same change you can do in back end. For example :
* Background color
* Font style & size
* Height & width of the page
* Alignment of any element in the page
* Padding of the page e.t.c
To inspect element in Firefox, Chrome browser & Internet Explorer.
Chrome:
Chrome browser comes with default "Inspect Element" Option. You no need to install any plugin for this.
* Open the target webpage in chrome browser.
* Right click on the page.
* Select option "Inspect element".
* It will give you source code at the bottom or at the right side.
Firefox:
To inspect an element in Firefox browser you need to install one plugin called "Firebug".
* Open your Firefox browser, go to tools and select Add-ons
* After selecting Add-ons search for "Firebug"
* Now click on Install button will install the firebug in your Firefox browser.
* Now go to any webpage and right click on it and select the option "Inspect Element with Firebug"
Internet Explorer(IE):
1) Open internet explorer and load the web page in the browser.
2) Press F12 button in the key board will open the the inspect window at the bottom. In IE it is known as "Developer Tool".
3) Pressing F12 again will disable the inspection of the page.
4) If F12 does not work, we have another option where you can open the developer tool.
Please follow the steps :
1) Open internet explorer and load the web page in the browser.
2) Click on Tools icon shown at right top and click on the option F12 developer tools.
3) Clicking on F12 developer tools will inspect the element and will show you the result at the bottom.
4) Same process you can follow to disable the developer tool or to inspect element.
Add a comment to this post: http://enews-update.com/how-to-see-the-source-code-of-a-webpage.html#respond
--
Manage Subscriptions
https://subscribe.wordpress.com/?key=129c7c98475ead01f0f253b8e6bf7aaa&email=adilameer313.leti%40blogger.com
No comments:
Post a Comment