![]() ![]() Right click on the part of the web page for which you want to see the source code, then click "Inspect".Īlternatively, to open the inspector without going to a particular part, press Ctrl + Shift + I. You right click and choose the one that starts with "Inspect". How to open Inspect Element in Windows Browsers (Chrome, Firefox, IE): The process for all the browsers is the same in Windows. If you're only looking at the backend, or in the style.css file, you might miss an important piece of code that completely changes how the user will see that part of the page. ![]() ![]() The best part is it allows you to see what's going on in the final render of the web page. It's something I use probably more than any other tool. It will update the position in the code window as you move your mouse around. Move your mouse to hover over the area you want to see. It allows you to quickly jump to the important part of the code to see what's going on there. To view other parts of the code, or if you got to Developer Tools using F12, click the icon with the rectangle and weird triangle in the top left corner of the Developer Tools window. One of the most useful tools for a web developer is the Inspect Element tool. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |