Comments (11)
tests
http://src.chromium.org/viewvc/blink/trunk/LayoutTests/inspector/debugger/async-callstack.html
http://src.chromium.org/viewvc/blink/trunk/LayoutTests/inspector/debugger/async-callstack-expected.txt
from devtools-docs.
cc @pearlchen
from devtools-docs.
To anyone that wants to play with this feature:
- open https://rawgithub.com/mirrors/blink/master/LayoutTests/inspector/debugger/async-callstack.html
- in canary devtools / sources .. turn on the async checkbox
- place a few breakpoints or whatever
- run this in console:
testFunction()
there are a few other tests files for async callstacks in https://github.com/mirrors/blink/tree/master/LayoutTests/inspector/debugger
from devtools-docs.
post format: similar to http://www.html5rocks.com/en/tutorials/canvas/inspection/
- let's identify what we think is the most compelling usecase here. should highlight it.. whatever it is. :)
- coverage of async support:
- Timers
- Animation frames
- XHRs
- Event listeners
- MutationObservers
- Promises
- CustomElement lifecycle callbacks
- Object.observe
- how it works as a user
- before/after screenshots
- small demo
from devtools-docs.
nice screenshot of async event listener stack.
i placed a breakpoint inside of an event handler. after i hit it i clicked back to where the event was registered.
from devtools-docs.
the feature is also fantastic for resolving event listeners:
you can walk from the event handler back to where it was registered in jQuery then back to where you asked for it to be registered in your app code.
from devtools-docs.
@pearlchen is there a draft of this that was started somewhere? :)
from devtools-docs.
@addyosmani Not yet -- other launches have gotten in the way. But this is what I'm working on today/tomorrow.
from devtools-docs.
Better timed animated gif:
from devtools-docs.
Obviously this feature is documented here:
http://www.html5rocks.com/en/tutorials/developertools/async-call-stack/
we'll need something in the docs, but this will do for now.
from devtools-docs.
from devtools-docs.
Related Issues (20)
- Custom Formatters
- Undesired Result: Producing twice the indentation (or spaces) HOT 2
- Unable to remove folders from workspace under source tab in Developer Tools HOT 1
- Toggling FPS meter programmatically? HOT 2
- Remove redundant pages from repo
- Add simple UX filter blur utility HOT 1
- Link to chrome debugger protocol docs is outdated HOT 3
- Document how to debug dedicated workers
- How to export Java script code coverage result to a file, after running a java script application HOT 1
- About layout thrashing
- How does "Disable JavaScript samples" affects the page render?
- Why aren't all functions displayed in the Record Heap Allocation?
- 什么时候推出中文版本 HOT 4
- devtools color picker don't work
- Explain 'Task' in Performance panel
- Devtools are fixed size and can't be changed with the mouse to change the width and height. HOT 1
- Devtools "Workspace" and "Overrides" breaks file encoding HOT 2
- Dev tools prevent sleep HOT 1
- Regular expression parsing error in console
- DEV Tools: Recorder
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from devtools-docs.