怎么禁止别人调试前端页面代码？

1. 无限 debugger
2. 无限 debugger 的对策
3. 禁止断点的对策
4. 忽略执行的代码
5. 忽略执行代码的对策
6. 终极增强防调试代码
7. 结语

有文章标题引出我们为什么要禁止别人调试前端页面代码呢？主要有两个方面：

• 由于前端页面会调用很多接口，有些接口会被别人爬虫分析，破解后获取数据；
• 为了 杜绝 这种情况，最简单的方法就是禁止人家调试自己的前端代码。

接下来我们详细说一下具体方法。

无限 debugger

• 前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点，因为 debugger 在控制台被打开的时候就会执行；
• 由于程序被 debugger 阻止，所以无法进行断点调试，所以网页的请求也是看不到的。

基础代码如下：

/**
* 基础禁止调试代码
*/
(() => {
    function ban() {
      setInterval(() => {
        debugger;
      }, 50);
    }
    try {
      ban();
    } catch (err) { }
})();

结语

以上就是今天关于怎么禁止别人调试前端页面代码全部内容，内容不难，主打一个笔记记录，加强记忆，服务别人。