JS 禁止F12和右键操作控制台，兼容各浏览器

使用场景描述：

页面后后台交互 使用了 AES 加密方式，加密串保存到了 前端页面，为了防止 个别工程师 通过 F12 或者 鼠标单击右键查看源码或检查 等方式获取前端页面信息 因此需要屏蔽 这些按钮操作 代码如下

1，方式F12 或者 鼠标右键 及键盘按钮

2，防止先打开其他页面控制台操作 然后 切换地址为 项目地址

比如先访问https://www.baidu.com/,此时点击F12  打开控制台，然后吧地址栏切换为实际的项目地址 查看元源码，为了 防止此操作，我们就需要做个监听 然后进行页面跳转，从而避开 个别工程师对 页面的非法操作及访问

 

注意事项 

 生产环境请注销掉alert方法；（因为先点击鼠标按键，弹出提示框，然后点击12，在点击alert 确认按钮时，就会就会打开控制台，注销掉alert方法就好，或者用其他前端框架的提示框代替alert，这种方法我尚未尝试）

 代码块：

  <script type="text/javascript" >
/** hxjr-byl **/
/** 2020年6月5日13:22:04 **/

//**JS 禁止F12和右键操作控制台，兼容各浏览器**
//1.鼠标点击事件
	  document.onmousedown = function mdClick(event) {
		    var e = event || window.event || arguments.callee.caller.arguments[0];
		    if (e.button == 2 || e.button == 3) {
		        mAlert();
		    }
		}
	// 2. 禁用浏览器 默认右键菜单
	  document.oncontextmenu = new Function("return false;");
	// 3.监听键盘事件
	  document.onkeydown = document.onkeyup = document.onkeypress = function(event) {
		    var e = event || window.event || arguments.callee.caller.arguments[0];
		    if (e && e.keyCode == 123) {
//		    	mAlert();
	            e.returnValue = false;
	            return (false);
		    }
		}
	  function mAlert() {
		    alert("警告：严禁使用技术手段操作本程序！！！");
	  }
  
  var ConsoleManager={
          onOpen:function(){
              alert("Console is opened")
          },
          onClose:function(){
              alert("Console is closed")
          },
          init:function(){
              var self = this;
              var x = document.createElement('div');
              var isOpening = false,isOpened=false;
              Object.defineProperty(x, 'id', {
                  get:function(){
                      if(!isOpening){
                          self.onOpen();
                          isOpening=true;
                      }
                      isOpened=true;
                  }
              });
              setInterval(function(){
                  isOpened=false;
                  console.info(x);
                  console.clear();
                  if(!isOpened && isOpening){
                      self.onClose();
                      isOpening=false;
                  }
              },200)
          }
      }

      ConsoleManager.onOpen = function(){
          //打开控制台，跳转到百度
          try{
              window.open('/HT_ServicePlatform/mobileInsure/TechnicalWarning',target='_self');
          }catch(err){
              var a = document.createElement("button");
                  a.onclick=function(){
                  window.open('/HT_ServicePlatform/mobileInsure/TechnicalWarning',target='_self');
              }
              a.click();
          }
      }
      ConsoleManager.onClose = function(){
          alert("Console is closed!!!!!")
      }
      ConsoleManager.init();


  </script>