• 豌豆资源网
  • 开引网企业服务
  • 服务外包网
  • 网页不让用户复制方法总汇,设置html禁止选择,保护源码,js禁止复制文字

    这篇文章主要讲解:右键复制失效方法、菜单"文件"-"另存为"失效方法、防止查看源代码进行复制的方法、防止页面缓存的方法。来达到一定的代码保护效果

     

    右键复制失效方法:

    方法一:

    <script language="Javascript">
    document.oncontextmenu=new Function("event.returnValue=false");document.onselectstart=new Function("event.returnValue=false");
    </script>

     

    方法二:

    <body oncontextmenu="return false" onselectstart="return false">

     

    或者

    <body oncontextmenu="event.returnValue=false" onselectstart="event.returnValue=false">

     

    方法三:

    <body oncopy="alert('对不起,本网页禁止复制!');return false;">

     

    方法四:

    body{//通过css设置body
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
    }

     

    上面方法都是针对整个页面的,如果只想对某一个div的内容不让用户复制,你需要这样做把body换位对应div

     

    菜单"文件"-"另存为"失效方法:  

    如果只是禁止了右键和选择复制,别人还可以通过浏览器菜单中的"文件"-"另存为"拷贝文件。为了使拷贝失效,可以在<body>与</body>之间加入以下代码: 

    <noscript><iframe src="*.htm"></iframe></noscript>

     

    这样用户再选择“另存为”,就会出现"无法保存Web页"的错误

     

    防止查看源代码进行复制的方法:

    通过js实现静止右键和F12,Shift+F10,Ctrl+Shift+I等查看源代码的方法:

    <script language="javascript">
        function click(e) {
            if(document.all) {
                
                if(event.button == 2 || event.button == 3) {
                    oncontextmenu = 'return false';
                }
            }
            if(document.layers) {
                if(e.which == 3) {
                    oncontextmenu = 'return false';
                }
            }
        }
        if(document.layers) {
            document.captureEvents(Event.MOUSEDOWN);
        }
        document.onmousedown = click;
        document.oncontextmenu = new Function("return false;")
        document.onkeydown = document.onkeyup = document.onkeypress = function() {
            //123屏蔽F12,73屏蔽Ctrl+Shift+I,121屏蔽Shift+F10
            if(window.event.keyCode == 123 || window.event.keyCode == 73 || window.event.keyCode == 121) {
                window.event.returnValue = false;
                return(false);
            }
        }
    </script>

     

     

     

    防止页面缓存的方法

    方法一:通过设置mate

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=8">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">

     

    方法二:对不需要缓存的图片,js等文件地址后添加随机数即可,例如:

    <img src="picture.jpg?1222259157.415" alt="">

     

    <script> 
    document.write("<script type='text/javascript' src='test.js?"+Math.random();+"'></script>"); 
    </script>

     

     

    总结:

    以上方法只能单纯的防止用户不能复制,起一定的保护源码的作用,主要只防止不劳而获的小白。而且浏览器很多都自带有查看网页源代码的功能,目前为止这块是没办法做到真正屏蔽的,我们只能通过压缩混淆加密等方法来处理我们的源码,能增加阅读破解的成本。

    posted @ 2020-05-23 15:41  前端一点红  阅读(2256)  评论(0编辑  收藏  举报
  • 乐游资源网
  • 热爱资源网
  • 灵活用工代发薪平台
  • 企服知识
  • 355软件知识