Bug 162846 – Web Inspector: Improve the experience of stepping in and out of getters/setters

• Status: NEW
• Component: Web Inspector

[Joseph Pecoraro]

Summary:
Improve the experience of stepping in and out of getters/setters

Test:
<script>
var obj = {
    get foo() {
        return {
            get bar() {
                return 100;
            }
        }
    }
}

debugger;
var value = obj.foo.bar;
</script>

Steps to Reproduce:
1. Load test page
2. Reload to pause on debugger statement
3. Step through the foo and bar getters
  => Not clear how we are advancing through the program

Notes:
- Chrome and Firefox are also very unclear
- Edge takes you back out to `obj.foo.bar` when leaving foo and before entering bar, however when it does it is still unclear where in the line you are unless you know.
- I think the best experience would probably involve a pause when leaving a getter so the user can get context for what just happened.
- Getters are like function calls, but non-obvious so they need a bit of context
- Should see what Xcode/lldb do for stepping through getters/setters

[Radar WebKit Bug Importer]

<rdar://problem/28579513>