JS禁止查看网页源代码的简单实现方法

最新推荐文章于 2024-03-16 09:16:45 发布

红叶岭谷

最新推荐文章于 2024-03-16 09:16:45 发布

阅读量579

点赞数

本文链接：https://blog.csdn.net/male09/article/details/82657477

版权

在项目开发中有时会遇到不想让别人轻易查看到网站的源代码信息，我们有多种方法可以轻保护自己的网站源码。下面会介绍三种使用JavaScript来保护自己的网站源码的方法：

最常见查看网站源码的无非有这四种：

1.F12
2.鼠标右键单击
3.Ctrl+Shift+I
4.Ctrl+U
以上的三种方法都可以查看到网站的源代码，我们可以通过使用JavaScript来屏蔽掉这三种状态从而实现禁止查看源代码效果。下面直接放源码。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JS禁止查看网页源代码的简单实现方法</title>
</head>
<body>
    <script type="text/javascript">
        window.onload = function(){
            //屏蔽键盘事件
            document.onkeydown = function (){
                var e = window.event || arguments[0];
                //F12
                if(e.keyCode == 123){
                    return false;
                //Ctrl+Shift+I
                }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
                    return false;
                //Shift+F10
                }else if((e.shiftKey) && (e.keyCode == 121)){
                    return false;
                //Ctrl+U
                }else if((e.ctrlKey) && (e.keyCode == 85)){
                    return false;
                }
            };
            //屏蔽鼠标右键
            document.oncontextmenu = function (){
                return false;
            }
        }

    </script>
</body>
</html>

真正能实现源代码屏蔽的单纯的.html是不可能的!想看源代码也是没办法阻止的。此脚本这只能防止不劳而获的小白，针对计算机老鸟、大神是无法作用的；并且现在很多浏览器自带有查看网页源代码的功能。用TELEPROT 这类网站下载工具可以下载任何文件，相当于做镜像网站。想真正的保护源代码，除非服务器进行安全设置、加密。

感谢作者分享:http://www.cnblogs.com/hollow/articles/6380660.html