历史搜索

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

游客2024-09-20 09:30:01
目录文章目录
  1. 无限 debugger
  2. 无限 debugger 的对策
  3. 禁止断点的对策
  4. 忽略执行的代码
  5. 忽略执行代码的对策
  6. 终极增强防调试代码
  7. 结语

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

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

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

无限 debugger

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

基础代码如下:

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

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

结语

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

标签:debugger