vue禁止鼠标右键、F12和其它方式打开调试模式

生产环境下的网站防调试与开发者工具限制策略

原创已于 2024-05-09 15:14:18 修改 · 1.4k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#计算机外设 #前端 #javascript

于 2024-05-09 14:21:45 首次发布

created(){
    // 只在生产环境下开启
    if (process.env.NODE_ENV === "production") {
      // 1.禁用右键菜单
      document.oncontextmenu = new Function("event.returnValue=false");
      // 2.禁止键盘F12键
      document.addEventListener("keydown", function (e) {
        if (e.key == "F12") {
          e.preventDefault(); 
        }
      });

      // 3.禁止进入调试模式
      setInterval(function () {
        check()
      }, 1000);
      var check = function () {
          function doCheck(a) {
              if (("" + a / a)["length"] !== 1 || a % 20 === 0) {
                  (function () { }
                      ["constructor"]("debugger")())
              } else {
                  (function () { }
                      ["constructor"]("debugger")())
              }
              doCheck(++a)
          }
          try {
              doCheck(0)
          } catch (err) { }
      };
    }
  },