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

内江网站推广【内江办理400电话】内江SEO优化、内江微信公众号APP客户端小程序开发、内江网站托管、内江APP开发

内江，古称汉安，美称甜城，是孔子之师苌弘和国画大师张大千的故乡，内江属于四川省的地级市，位于四川省东南部，沱江下游中段，东邻重庆，南界泸州，西连自贡、眉山，北毗资阳；地形以丘陵为主，东南、西南面有低山环绕；属亚热带湿润季风气候。内江市幅员面积5385平方公里，管辖2个区、2个县，代管1个县级市；2018年户籍人口411.77万人。

内江风景秀丽，名胜众多，有被誉为“立体史书”的隆昌古牌坊群、号称“川中第一禅林”的圣水寺、佛教古刹西林寺、重龙山摩崖石刻、东林寺的千手观音、“巴蜀四大文庙”之首的资中文庙、始建于明代的资中武庙，以及威远穹窿地貌、喀斯特奇观圣灵山溶洞、九曲十八弯的甜城湖、观鸟基地古宇湖等人文景观和自然景观。 [1] 

内江十贤人，是内江历史人物的杰出代表，苌弘（孔子之师）、赵雄（抗金名相）、赵贞吉（文渊阁老）、范崇凯（巴蜀状魁）、赵逵（天子门生）、骆成骧（清代状元）、丈雪通醉（一代高僧）、喻培伦（辛亥先烈）、张大千（国画大师）、范长江（新闻巨子）。 [2] 

2020年，内江地区生产总值（GDP）实现1465.88亿元、同比增长3.9％，增速高于全省平均水平0.1个百分点。 [3] 

概述

使用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电话】内江SEO优化、内江微信公众号APP客户端小程序开发、内江网站托管、内江APP开发

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

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