Bug 189887 – Web Inspector: Allow delete on highlight in inspect mode

• Status: NEW
• Component: Web Inspector

[Jeff Johnson]

You can choose the Start Element Selection command to enter inspect mode (InspectorDOMAgent::setInspectModeEnabled), which highlights elements that you hover over (InspectorDOMAgent::highlightMousedOverNode). If you click on the highlighted element, then it gets selected in the Web Inspector. Then you can delete the element, for example. This enhancement request is to allow deletion of highlighted elements without having to select them first.
1. Start Element Selection
2. Hover over element
3. Press delete or command-delete

This would make it very convenient to easily delete DOM elements, without even having to open the Web Inspector.

[Joseph Pecoraro]

I like this idea!

Maybe also just a Option+Click or Shift+Click to delete elements to avoid the keyboard all-together while you're already using the mouse. On iOS where this is being driven by touch, it could still work if you hold Option on the Mac, but perhaps a bit non-obvious. Maybe an Option+Click on the element search button itself activates a delete mode instead of just the search mode (for remote inspection).