Package Exports
- devtools-detect
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (devtools-detect) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
devtools-detect
Detect if DevTools is open and its orientation
Useful for when you want something special to happen when DevTools is open. Like pausing canvas, adding style debug info, etc.
Demo
Install
$ npm install devtools-detectUsage
<script src="node_modules/devtools-detect/index.js"></script>
<script type="module">
// Check if it's open
console.log('Is DevTools open:', window.devtools.isOpen);
// Check it's orientation, `undefined` if not open
console.log('DevTools orientation:', window.devtools.orientation);
// Get notified when it's opened/closed or orientation changes
window.addEventListener('devtoolschange', event => {
console.log('Is DevTools open:', event.detail.isOpen);
console.log('DevTools orientation:', event.detail.orientation);
});
</script>Support
- Chrome DevTools
- Safari DevTools
- Firefox DevTools
- Opera DevTools
Caveats
Doesn't work if DevTools is undocked and will show false positive if you toggle any kind of sidebar.
License
MIT © Sindre Sorhus