zoukankan      html  css  js  c++  java
  • Js 之禁止浏览器审查元素

    一、代码

    (function () {
        'use strict'
        var devtools = {
            open: false,
            orientation: null
        }
        var threshold = 160
        var emitEvent = function (state, orientation) {
            window.dispatchEvent(new CustomEvent('devtoolschange', {
                detail: {
                    open: state,
                    orientation: orientation
                }
            }))
        }
        setInterval(function () {
            var widthThreshold = window.outerWidth - window.innerWidth > threshold
            var heightThreshold = window.outerHeight - window.innerHeight > threshold
            var orientation = widthThreshold ? 'vertical' : 'horizontal'
    
            if (!(heightThreshold && widthThreshold) &&
                ((window.Firebug && window.Firebug.chrome && window.Firebug.chrome.isInitialized) || widthThreshold || heightThreshold)) {
                if (!devtools.open || devtools.orientation !== orientation) {
                    emitEvent(true, orientation)
                }
                devtools.open = true
                devtools.orientation = orientation
            } else {
                if (devtools.open) {
                    emitEvent(false, null)
                }
                devtools.open = false
                devtools.orientation = null
            }
        }, 500)
        if (typeof module !== 'undefined' && module.exports) {
            module.exports = devtools
        } else {
            window.devtools = devtools
        }
    })();

    二、使用

    window.addEventListener('devtoolschange', function (e) {
        if (e.detail.open){
            document.getElementsByTagName('body')[0].innerHTML = '<h1>不允许F12</h1>';
        }
    })
  • 相关阅读:
    MySQL学习笔记(六):索引
    正则表达式基础知识,持续更新…
    js改变盒子大小(上下左右)分析
    表单自定义样式
    js拖拽分析
    javascript右键菜单分析
    简要分析javascript的选项卡和轮播图
    表单联动的总结
    浅显总结ASCII Unicode UTF-8的区别
    瀑布流知识的延伸
  • 原文地址:https://www.cnblogs.com/yang-2018/p/15660942.html
Copyright © 2011-2022 走看看