[Webkit-unassigned] [Bug 31988] New: Web Inspector: [Feature Request] SelectorGadget-like functionality

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=31988

           Summary: Web Inspector: [Feature Request] SelectorGadget-like
                    functionality
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P1
         Component: Web Inspector
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: samaaron.public at gmail.com
                CC: timothy at hatcher.name, rik at webkit.org,
                    keishi at webkit.org, pmuellr at yahoo.com,
                    joepeck at webkit.org, pfeldman at chromium.org,
                    bweinstein at apple.com


SelectorGadget (http://www.selectorgadget.com/) is a really useful Javascript
tool that allows you to enter a mode in which you can directly interact with
the webpage and through the selection and deselection of page elements you can
narrow down on a css selector for the highlighted items on the screen. You can
also directly enter a css selector and see the matching elements become
highlighted.

I'm thinking that the interface might be similar to the search interface: the
screen goes slightly grey, and the highlighted nodes pop up in an animated
fashion to make the user.

It would also be wonderful to have this interact with the inspector, it would
be a more interactive version of the 'right-click inspect element. By mousing
over an element, the html subtree in the Inspector would highlight, and similar
to the suggestion above, the css selector generated would also highlight the
html subtree.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.