上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

韩城企业微信公众号小程序开发公司、韩城企业网页设计方案、韩城做网站开发价格、韩城微信公众号制作运营报价明细表、韩城网站设计公司费用、韩城网站推广大概需要多少钱

韩城市，陕西省辖县级市，渭南市代管。位于陕西省东部黄河西岸，关中盆地东北隅，北依宜川，西邻黄龙，南接合阳，东隔黄河与山西省河津、乡宁、万荣等县市相望，距省会西安240余千米，总面积1621平方千米。 [1]  2019年，韩城市下辖2个街道、6个镇 [3]  。户籍总人口39.702万人。

韩城历史悠久，夏、商时期以“龙门”代称。西周称韩（侯）国，后为梁（伯）国。春秋战国为少梁邑。秦惠文王十一年（前327）置夏阳县。隋开皇十八年（598）改称韩城县。其后有多次变更。后唐明宗天成元年（926）复名韩城县，此后再无变更。 [2] 

韩城是国家食品安全示范城市 [18]  、国家卫生城市 [19]  、中国优秀旅游城市 [41]  、重大市政工程领域PPP创新工作重点城市 [42]  、中国特色农产品优势区 [12]  。

2018年，韩城市地区生产总值369.0亿元，其中，第一产业增加值22.5亿元，第二产业增加值252.8亿元，第三产业增加值93.7亿元，三次产业结构为6.1：68.5：25.4，人均生产总值92244元。 [4] 

概述

使用javascript屏蔽阻止用户通过鼠标右键点击，键盘f12,以及通过浏览器自带的开发者工具选项进行源代码的查看，给抄袭代码的小白增加难度，但是对于真正的大佬“不屑”通过以上方法查看源代码。

1.可以通过原生方法屏蔽右键点击和键盘F12
2.因为打开f12会让整个窗口发生变化经过窗口的变化来退出页面来阻止访问者查看
原生实现思路如上，但是我们现在使用别人封装好的插件

原生

//禁止鼠标右击document.oncontextmenu = function() {    event.returnValue = false;};//禁用开发者工具F12document.onkeydown = document.onkeyup = document.onkeypress = function(event) {    let e = event || window.event || arguments.callee.caller.arguments[0];    if (e && e.keyCode == 123) {        e.returnValue = false;        return false;    }};let userAgent = navigator.userAgent;if (userAgent.indexOf("Firefox") > -1) {    let checkStatus;    let devtools = /./;    devtools.toString = function() {        checkStatus = "on";    };    setInterval(function() {        checkStatus = "off";        console.log(devtools);        console.log(checkStatus);        console.clear();        if (checkStatus === "on") {            let target = "";            try {                window.open("about:blank", (target = "_self"));            } catch (err) {                let a = document.createElement("button");                a.onclick = function() {                    window.open("about:blank", (target = "_self"));                };                a.click();            }        }    }, 200);} else {    //禁用控制台    let ConsoleManager = {        onOpen: function() {            alert("Console is opened");        },        onClose: function() {            alert("Console is closed");        },        init: function() {            let self = this;            let x = document.createElement("div");            let isOpening = false,                isOpened = false;            Object.defineProperty(x, "id", {                get: function() {                    if (!isOpening) {                        self.onOpen();                        isOpening = true;                    }                    isOpened = true;                    return true;                }            });            setInterval(function() {                isOpened = false;                console.info(x);                console.clear();                if (!isOpened && isOpening) {                    self.onClose();                    isOpening = false;                }            }, 200);        }    };    ConsoleManager.onOpen = function() {        //打开控制台，跳转        let target = "";        try {            window.open("about:blank", (target = "_self"));        } catch (err) {            let a = document.createElement("button");            a.onclick = function() {                window.open("about:blank", (target = "_self"));            };            a.click();        }    };    ConsoleManager.onClose = function() {        alert("Console is closed!!!!!");    };    ConsoleManager.init();}

来源：【blog.csdn.net/hanierming/article/details/109625183】

插件【Disable-devtool】

npm使用

//安装npm i disable-devtool//使用import disableDevtool from'disable-devtool';disableDevtool();

cdn使用

<!--Use a specific version--><script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool@x.x.x/disable-devtool.min.js'></script><!--Use latest version--><script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool@latest/disable-devtool.min.js'></script>

功能

disable-devtool可以禁用所有可以进入开发人员工具的方法，以防止通过开发人员工具进行“代码处理”

该库具有以下功能：

支持可配置是否禁用右键菜单
1.禁用F12和Ctrl + Shift + I快捷键
2.支持识别以从浏览器菜单栏中打开开发人员工具并关闭当前页面
3.开发人员可以绕过禁用（对URL参数使用tk和md5加密）
4.支持几乎所有浏览器（IE，360，qq浏览器，FireFox，Chrome，Edge等）
5.高度可配置
6.最少使用，体积小（仅7kb）
7.支持npm参考和脚本标签参考（属性配置）
8.识别真实的移动终端和浏览器开发人员工具设置的伪造的移动终端插件，节省了移动终端的性能

配置使用

import disableDevtool from'disable-devtool';disableDevtool(options);//options参数declare interface optionStatic {    md5?: string; // Bypass the disabled md5 value, see 3.2 for details, the bypass disable is not enabled by default    url?: string; // Jump to the page when closing the page fails, the default value is localhost    tkName?: string; // Bypass the url parameter name when disabled, the default is ddtk    ondevtoolopen?(): void; // Callback for opening the developer panel, the url parameter is invalid when enabled    interval?: number; // Timer interval is 200ms by default    disableMenu?: boolean; // Whether to disable the right-click menu The default is true    stopIntervalTime?: number; // Waiting time to cancel monitoring on mobile}

md5和tk旁路禁用

库中key和md5的组合使开发人员可以绕过在线禁用功能。
过程如下：
首先指定密钥a（该值不应记录在代码中），使用md5加密获得值b，然后将b作为md5参数传递。开发人员在访问url时仅需带url参数ddtk = a。旁路功能已禁用。
disableDevtool对象公开了md5方法，开发人员在加密时可以使用该方法：

disableDevtool.md5('xxx');

脚本使用属性配置

<script    disable-devtool-auto     src='https://cdn.jsdelivr.net/npm/disable-devtool/disable-devtool.min.js'    md5='xxx'    url='xxx'    tk-name='xxx'    interval='xxx'    disable-menu='xxx'></script>

注意：
1.配置属性时必须带disable-devtool-auto属性
2.属性配置是可选的，字段与3.1中的相同，不同之处在于将驼峰形式更改为水平线分割。
3.脚本建议将标签放置在身体底部

脚本不使用属性配置

<script src='https://cdn.jsdelivr.net/npm/disable-devtool/disable-devtool.min.js'></script><script>    DisableDevtool({        // The parameters are the same as in 3.1    })</script>

来源：【theajack.gitee.io/disable-devtool】
以上就是禁止查看源代码的插件以及原理使用过程，防小白杠杠的。

韩城企业微信公众号小程序开发公司、韩城企业网页设计方案、韩城做网站开发价格、韩城微信公众号制作运营报价明细表、韩城网站设计公司费用、韩城网站推广大概需要多少钱

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）