如何防止检测到 Chrome 开发者工具？

Question

Came across something unexpected today. There is a certain website which plays a video. However, when chrome devtools is opened it does two unexpected things.

1. It somehow detects that the chrome devtools has been opened without the use of a "debugger" statement, and still detects that it has been opened even if the devtools is not docked (ie its opened as a separate window)
2. It clears the console log (which I can prevent) but the code source section of this is recorded as "(unknown)" in the console log instead of a source:line# format (ie javafile.js:30, vm11:22, etc.) so there is no clickable link to jump to the relevant code.

I've done searches on how to achieve this functionality and haven't succeeded so I am not sure how it is being done. Similar questions have been solved by either dealing with the "debugger" statement (in this case its not used), or by undocking the devtools, neither of which have helped me. I also haven't found what causes an unknown code source so tracking down the code doing this has been more difficult.

The website that I am experiencing this on is vexmovies.org, and a link to an example page which has this behavior can be found here: http://vexmovies.org/chicken-run

Answer 1

Not really an answer to this question, but I found an alternative way to use one of dev tools's features,.network sniffer, without being detected by websites that actively detecting and blocking dev tools. Well theres an extension on Chrome Web Store literally named "Network Sniffer". So I used that and I managed to sniff videos url out of a similar website to your example site. Im guessing this is what you want to do;).