Chrome Developer Tools || Inspect Element Tabs
In this video I am going to show you the Google Chrome Developer Tools/Inspect element tabs for multiple purpose of the URL/Website.
Arrow Icons:
This arrow icons is very useful for to search the element in pages. Just click at the arrow and move the mouse at your desired element, It will point out nicely.
Device Tool Mode:
This tool is used for to test your website at all devices. Just click at the this tool and chrome will directly show you the website in the device mode.
Element Tool:
Very useful and most reliable tab I have seen in the inspect is elements tab. This tab can be used to search and edit content of the opened page.
Console:
All script run at this tab and it shows the JavaScript according to line by line code.
Sources:
In this tab you can see all the sources that are loaded for current page.
Network:
This is the tab which is used for the sources mainly. This tab shows the detail of every source. How that source is loaded and how t is showing.
Performance:
This tab record the performance of the page actions.
Memory:
This tab is used for memory uses for the page and inner page attached to this page.
Application:
This is also very useful and mostly people using it. In this tab you can improve performance of the website which effects due to cookie and session etc...
Security:
Show the security of the page that it is using SSL or not (Secure or Not).
Lighthouse:
This tab shows the report of SEO, Performance etc... and gives you the proper report for the page. This effects the performance of the website.
SUBSCRIBE & Comment Us below for more detail...
Thanks