Detect F12 open browser console. protect web site static resources, support redirect, rewrite, custom callback strategies.
In html:
<head>
<!-- ... -->
<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.mjs"></script>
<script type="module">
// custom options
ConsoleBan.init({
redirect: '/play/404.html'
})
</script>
</head>
Or in bundle project:
npm i uninspect
import { init } from 'uninspect'
init(options)
ConsoleBan.init({
// Redirect to /404 relative url
redirect: '/404',
// Redirect to absolute url
redirect: 'http://domain.com/path'
})
Use redirect to guide users to a site introduction page or a purely static 404 page
P.S. In SPA route push scene, detect will not take effect again.
var div = document.createElement('div')
div.innerHTML = 'Stop'
ConsoleBan.init({
// Rewrite the <body></body> as a string
write: '<h1> Stop </h1>',
// or rewrite a element
write: div
})
Rewriting strategies can completely block web site content, but are less friendly and are not recommended.
ConsoleBan.init({
callback: () => {
// ...
}
})
The callback function supports custom policies after the console is opened.
name | required | type | default | description |
---|---|---|---|---|
clear |
no | boolean | true |
Disable console.clear |
debug |
no | boolean | true |
Whether to enable infinity debugger |
debugTime |
no | number | 3000 |
The debugger execution interval |
redirect |
no | string | - |
Redirect url when console is opend |
write |
no | string | Element | - |
Rewrite document.body content when console is opend |
callback |
no | Function | - |
Custom callback when console is opend |
bfcache |
no | boolean | true |
Disable bfcache |
P.S. redirect
, write
, callback
only one will work, priority use callback
.
browser core | support |
---|---|
chrome | ✓ |
firefox | ✓ |
safari | ✓ |