DevTools. DevTools. DevTools
I realized something
Our industry has a DevTools dogma.
2007: IE Developer Toolbar
2015: Chrome DevTools
Question
Is this really the best we can do?
Thought experiment
- Why do I need to learn a new DevTools for each browser?
- Why do I have to use different tools for authoring and debugging?
- Why isn't my editor integrated with my browsers?
- Why can't I decide which DevTools to use with my browsers?
- Why can't I use DevTools to debug my mobile apps?
- Why can't I leverage the browser logic in my new fancy tool?
- Why are DevTools bundled with our browsers?
Moden DevTool's are collections of tools
Debugging context
A fraction of our screens
Authoring context
Our workflow is broken
Authoring tools !== Debugging tools
Disconnect
What if...
Authoring tools === Debugging tools
What if...
We have tried, and failed
Security model
There's a better way!
There's a better way!
Remote debugging protocols
No common protocol
RemoteDebug was born
RemoteDebug vision
RemoteDebug vision
An API to our browsers.
Isn't this WebDriver?
It's a low-level API to our browsers.
RemoteDebug
So how far are we?
Protocol adaptors
Protocol adaptors
Safari protocol adaptor
Firefox protocol adaptor
IE protocol adaptor (Edge?)
RemoteDebug Gateway
RemoteDebug Gateway
RemoteDebug Gateway
Integrations
Adobe brackets
Microsoft Visual Studio
Other editors too
Calibre
Re-use across platforms
Strongloop Node Inspector
Square PonyDebugger
Facebook Stetho
Facebook Stetho
Similar initiatives.
Mozilla Firefox Protocol Adaptors
Mozilla Firefox Developer Edition
Perspective.
Taking DevTools outside the browser
Thought experiment revised
- Why do I need to learn a new DevTools for each browser?
- Why do I have to use different tools for authoring and debugging?
- Why isn't my editor integrated with my browsers?
- Why can't I decide which DevTools to use with my browsers?
- Why can't I use DevTools to debug my mobile apps?
- Why can't I leverage the browser logic in my new fancy tool?
- Why are DevTools bundled with our browsers?
BrowserRemote
BrowserRemote
BrowserRemote
Going forward.
Let's stop reinventing our tools.
Let's reuse our tools.
Let's make it easier to build for the web.
We need a sane development workflow.
The open web follows standards.
Our tools should too.
Thanks.