Edge Developer Tools - View HTML Elements

Q

How to view Web page HTML elements with Edge Developer Tools?

✍: FYIcenter.com

A

One of the primary functionalities of Edge Developer Tools is to view a Web page source code an HTML element tree. Here is how to do this.

1. Run Edge and go to http://windows.fyicenter.com.

2. Press F12 key or click "... > Developer Tools". You see the Developer Tools screen displayed.

3. Click "Elements" tab. You see the page source code displayed as an HTML element tree.

4. If you see an HTML element is displayed with a triangle icon, you can click on the triangle icon to open and close its content and sub-elements.

Edge Developer Tools - View HTML Elements

 

Edge Developer Tools - View CSS Style Properties

What Are Edge Developer Tools

Edge Developer Tools

⇑⇑ Edge Web Browser Tutorials

2019-08-08, 317👍, 0💬