Detect if DevTools is open
Useful for when you want something special to happen when DevTools is open. Like pausing canvas, adding style debug info, etc.
$ npm install --save devtools-detect(with Browserify)
$ bower install --save devtools-detect<script src="devtools-detect.js"></script>
<script>
// check if it's open
console.log('is DevTools open?', window.devtools.open);
// get notified when it's opened/closed
window.addEventListener('devtoolschange', function (e) {
console.log('is DevTools open?', e.detail.open);
});
</script>- Chrome DevTools
- Safari DevTools
- Firefox DevTools
- Firebug
- Firebug Lite
Doesn't work if DevTools is undocked and will show false positive if you toggle any kind of sidebar.
MIT © Sindre Sorhus