Skip to content

Repository files navigation

devtools-detect

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.

Install

$ npm install --save devtools-detect

(with Browserify)

$ bower install --save devtools-detect

Usage

<scriptsrc="devtools-detect.js"></script><script>// check if it's openconsole.log('is DevTools open?',window.devtools.open);// get notified when it's opened/closedwindow.addEventListener('devtoolschange',function(e){console.log('is DevTools open?',e.detail.open);});</script>

Support

  • Chrome DevTools
  • Safari DevTools
  • Firefox DevTools
  • Firebug
  • Firebug Lite

Caveats

Doesn't work if DevTools is undocked and will show false positive if you toggle any kind of sidebar.

License

MIT © Sindre Sorhus

About

Detect if DevTools is open

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages