解决方案-网页禁止调试怎么办-零开始黑客技巧

黑客小媚子

于 2024-05-29 10:48:09 发布

阅读量989

点赞数 6

文章标签：者工具开发

本文链接：https://blog.csdn.net/2401_84915584/article/details/139289299

版权

解决方案-网页禁止调试怎么办-零开始黑客技巧

写在前面

这两天突然想看看文心一言的http通信请求接口，于是想着用F12看看。

网页禁止调试怎么办__阻止修改浏览器加载项设置

谁知道刚打开开发者工具，居然被动了。

网页禁止调试怎么办__阻止修改浏览器加载项设置

直接被JS写死的关键字下了断点。行吧，不让调试就不让调试吧，关闭开发者工具之后，直接跳到了空白页。

网页禁止调试怎么办_阻止修改浏览器加载项设置_

其实几年之前就碰到过类似的情况，不过当时才学疏浅，也没当回事，就没研究过。这次又碰到了，毕竟已经不是当年的我了，于是便来研究研究。

分析

大家都知道浏览器的开发者工具能干啥，正经的用法：开发时调试代码逻辑，修改布局样式；不正经的用法：改改元素骗骗人，找找网站接口写爬虫，逆向js破解加密等等，所以说前端不安全，永远不要相信用户的输入。

而这次碰到的这个情况确实可以在用户端做一些防御操作，但是也可以绕过。（PS：感谢评论区大佬指教：开发者工具Ctrl+F8可以禁用断点调试，学到了）

先做一波分析。

首先，防止你用F12调试，先用关键字阻止你进行任何操作。随后，在你关闭之后，又直接跳转到空白页，不让你接着操作。

这就需要一个开发者工具检测的机制了，发现你打开了开发者工具，就给你跳走到空白页。

所以，关键就是要实现开发者工具的检测。

实现

经过查阅一番，发现原来这个可能并不仅仅是阻止你进行调试的功能，同时还兼具判断开发者工具是否打开的作用。怎么实现？

本身只是调试，阻止你继续对前端进行调试，但是代码中并不知道用户是否打开了开发者工具，所以就无法进行更进一步的操作，例如文心一言的跳转到空白页。

但是，有一点，你打开开发者工具之后，下了断点，程序就停到那里了，如果你不打开开发者工具，程序是不会停止到断点的。没错，这就是我们可以判断的方式，时间间隔。正常情况下前后的时间间隔可以忽略不计。但是，当你打开开发者工具之后，这个时间间隔就产生了，判断这个时间间隔，就可以知道是否打开了开发者工具。

直接上示例代码

span class="hljs-keyword">html>
<html>
    <header>
        <title>testtitle>
    header>
    <body>
        <h1>testh1>
    body>
    <script>
        setInterval(function() {
            var startTime = performance.now();
          	// 设置断点
            debugger; 
            var endTime = performance.now();
           	// 设置一个阈值，例如100毫秒
            if (endTime - startTime > 100) {
                window.location.href = 'about:blank';
            } 
            
        }, 100);
    script>
html>