js中添加屏蔽F12 审查元素、屏蔽开发者工具、屏蔽右键菜单、屏蔽剪切、屏蔽选中操作

在看某个网站时,看到一段话想复制一下,结果复制不了。想打开F12看看元素进行复制,也不行,没有反应。最后通过打开开发者工具看看,结果一打开就跳到about:blank
看到这操作一脸懵逼,小样的,还有这种操作。
在这里插入图片描述

于是乎复制网址地址,放到Postman中请求看看它的源码如何写的。
在这里插入图片描述

看到如下的代码:

 <!-- 应用插件标签 start -->
    <!--屏蔽F12 审查元素-->
    <script>
        document.onkeydown = function () {

            //keycode 123 = F12
            if (window.event && window.event.keyCode == 123) {
                //如果这个键不能被标志,这个值为 0。
                event.keyCode = 0;
                event.returnValue = false;
            }
            //keyCode 13 = Enter
            if (window.event && window.event.keyCode == 13) {
                window.event.keyCode = 505;
            }
            if (window.event && window.event.keyCode == 8) {
                alert(str + "\n请使用Del键进行字符的删除操作!");
                window.event.returnValue = false;
            }

        }
    </script>
    <!--屏蔽开发者工具-->
    <script type='text/javascript'>
        var h = window.innerHeight, w = window.innerWidth;
        window.onresize = function () {
            if (h != window.innerHeight || w != window.innerWidth) {
                window.close();
                window.location = "about:blank";
            }
        }  
    </script>
    <!--屏蔽右键菜单-->
    <script>
        document.oncontextmenu = function (event) {
            if (window.event) {


                event = window.event;
            } 
            try {
                var the = event.srcElement;
                if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                    return false;
                }
                return true;
            } catch (e) {
                return false;
            }
        }
    </script>
    <!--屏蔽复制-->
    <script>
        document.oncopy = function (event) {
            if (window.event) {


                event = window.event;
            } try {
                var the = event.srcElement;
                if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                    return false;
                }
                return true;
            } catch (e) {
                return false;
            }
        }
    </script>
    <!--屏蔽剪切-->
    <script>
        document.oncut = function (event) {
            if (window.event) {
                event = window.event;
            } try {
                var the = event.srcElement;
                if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                    return false;
                }
                return true;
            } catch (e) {
                return false;
            }
        }
    </script>
    <!--屏蔽选中-->
    <script>
        document.onselectstart = function (event) {
            if (window.event) {
                event = window.event;
            } try {
                var the = event.srcElement;
                if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                    return false;
                }
                return true;
            } catch (e) {
                return false;
            }
        }
    </script>

直接去掉这段js,保存源码文件,在浏览器中打开:

在这里插入图片描述

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
谷歌浏览器开发者工具是Google Chrome浏览器内置的一组网页制作和调试工具,它为网页开发人员提供了访问浏览器及其网页应用程序内部的深入访问。开发者工具可以帮助开发人员有效地跟踪布局问题,设置JavaScript断点,并获得代码优化的见解。你可以通过在Chrome菜单选择更多工具>开发者工具,或者使用快捷键Ctrl+Shift+I (Windows) 或者 Cmd+Opt+I (Mac)来打开开发者工具开发者工具包含多个面板,其一个主要是记录网站加载的所有资源信息,包括存储数据、缓存数据、字体、图片、脚本、样式表等。\[1\]\[2\]此外,开发者工具还提供了其他功能,如抓包、弱网设置和录制自动化脚本等。\[3\] #### 引用[.reference_title] - *1* *2* [Chrome开发者工具](https://blog.csdn.net/qinyuhua93/article/details/88016123)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Chrome浏览器开发者工具使用](https://blog.csdn.net/weixin_49026134/article/details/125347640)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

科学熊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值