[Webkit-unassigned] [Bug 29714] New: apply a style change to scope variables as they change from step to step

[bugzilla-daemon at webkit.org]

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

           Summary: apply a style change to scope variables as they change
                    from step to step
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Enhancement
          Priority: P2
         Component: Web Inspector
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: pmuellr at yahoo.com
                CC: timothy at hatcher.name, aroben at apple.com,
                    kmccullough at apple.com


As the user is stepping through their code in Web Inspector, it would be handy
to be able to highlight values which have changed from before they made a step
to the next pause state.

Lots of thoughts immediately come to mind:

- how do you tell when the user has just 'stepped" vs hitting a breakpoint
after a run?  Presumably it only makes sense to show items that have changed
when you're stepping, rather than since the last pause state to the current
pause state.

- how deeply do we check for changes?  Just the top level properties in the
various sections?  The leafs in the expanded sections?

- presumably new properties/variables would get marked as "changes" - as well
as a normal property change; what about property/variable deletions?  I'm
imagining showing some ghostly or strike-out representation of the deleted
property/variable

- how do we visually indicate "changed".  Note this also needs to take into
account property value styling as per bug 27235 .  Namely, we can't use the
same style for both.  I'm thinking a background color - maybe yellow-ish -
could be used to indicate "changed".  Rounded corners on the background of
course!  This might preclude using background colors for value styling, which
we might want to do for 'special' values such as exceptions, null, undefined,
NaN, Infinity, etc.  Though if those values used a dark background, the
combination of backgrounds might be distinctive enough to be able to easily
tell that both characteristics are applicable.  Alternatively, the "changed"
styling background might extend to the left of the usual margin for the
property value, so you could visually distinguish that as well.

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