首先前端是没办法完全禁用用户打开开发者模式的，不过可以使用以下几种方式间接禁用开发者模式

禁用F12按钮

使用e.preventDefault()拦截浏览器默认弹出开发者模式，同样也可以使用这种方式禁用组合键

window.onkeydown = function(e) {
  if (e.keyCode === 123) {
    e.preventDefault()
  }
}

禁用右键

window.oncontextmenu = function(e) {e.preventDefault()}

使用debugger断点

(function noDebuger(){
  function testDebuger(){
      var d=new Date();
      debugger;
      if(new Date()-d>10){
          document.body.innerHTML='<div>年轻人，不要太好奇</div>';
          return true;
      }
      return false;
  }

  function start(){
      while(testDebuger()){
          testDebuger();
      }
  }
  if(!testDebuger()) {
      window.onblur = function(){
          setTimeout(function(){
              start();
          },500)
      }
  }
  else{
      start();
  }

})();

这些方法只能挡小白用的，真正用的到 F12 的人又怎么能挡的住呢，浏览器本身就是一个开放的环境，如果真要限制用户访问就需要在代码混淆和服务器校验上来处理。