Inspecting the non-accessible elements
Elements whose attribute “point-events” is set to none (pointer-events: none) are not accessible, i.e., they can’t be inspected like other elements. To inspect them, follow the steps.
Step 1: Open the inspect tool
Step 2: Activate the tooltip
Step 3: Hover over the non-accessible element while pressing the “shift” key
For example: Here, we can’t access the content inside the button
But after pressing “shift” key we can access it
Inspect Tool in Microsoft Edge Browser
The Inspect Tool in Microsoft Edge is a powerful web development feature that helps web developers troubleshoot and modify the structure, layout, and functionality of web pages, which includes HTML, CSS, and JavaScript code. This tool is an integrated part of the browser’s Developer Tools, which offers a range of features to help developers inspect, improve, and debug code for websites.
Table of Content
- Steps to Activate the Inspect Tool
- Get any element information using the inspect tool
- Inspecting the non-accessible elements
- Select any element and terminate the inspect mode.
- Inspect the tool’s tooltip
- Temporarily hide the inspect element tooltip
Presist the inspect tool’s tooltip and grid color overlay