├── README.md
└── index.html


/README.md:
--------------------------------------------------------------------------------
1 | # inspector-open-detection
2 | 
3 | A simple demo of [Samy Kamkar's](https://samy.pl) ["inspector is open" detection](http://stackoverflow.com/questions/42193700/detect-when-inspect-element-is-open). 
4 | 
5 | It detects when a website visitor opens the browser's developer tools.  
6 | Note that it does **not** use `window.innerHeigth/Width` [(which leads to false positives & negatives)](https://github.com/samyk/devtools-detect).
7 | 
8 | ## [Demo](https://robinlinus.github.io/inspector-open-detection/)
9 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <style>
 2 |   body{
 3 |     padding:12%;
 4 |     color:white;
 5 |     background:teal;
 6 |     font-family:sans-serif;
 7 |   }
 8 |   a {
 9 |     color:white;
10 |     text-decoration:none;
11 |   }
12 |   a:hover{
13 |     text-decoration:underline;
14 |   }
15 | </style>
16 | <h1>Open the Inspector (Ctrl+Shift+i)</h1>
17 | <ul>
18 |   <li><a href="https://github.com/RobinLinus/inspector-open-detection" target="_blank">Source on Github</a></li>
19 | </ul>
20 | <script>
21 | function detectOpen(){
22 |   var element = new Image();
23 |   Object.defineProperty(element, 'id', {
24 |     get: function () {
25 |       /* TODO */
26 |       document.body.style.background ='tomato';
27 |       document.querySelector('h1').innerHTML='Inspector opened';
28 |       detectClose();
29 |     }
30 |   });
31 |   console.log('%cHello', element);
32 | }
33 | 
34 | function detectClose(){
35 |   var element2 = new Image();
36 |   var timeout = null;
37 |   Object.defineProperty(element2, 'id', {
38 |     get: function () {
39 |        clearTimeout(timeout);
40 |        timeout=setTimeout(function(){
41 |             document.body.style.background='teal';
42 |             document.querySelector('h1').innerHTML='Inspector closed';
43 |             console.clear();
44 |             detectOpen();
45 |         },1100);
46 |        setTimeout(function(){console.log(element2)},1000)
47 |     }
48 |   });
49 |   console.log(element2);
50 | }
51 | detectOpen();
52 | </script>
53 | 


--------------------------------------------------------------------------------