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

╰半橙微兮° 2022-05-12 06:08 257阅读 0赞

原文地址：[http://www.cnblogs.com/hollow/articles/6380660.html][http_www.cnblogs.com_hollow_articles_6380660.html]

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

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

1.  F12
2.  鼠标右键单击
3.  Ctrl+Shift+I
4.  Ctrl+U

以上的三种方法都可以查看到网站的源代码，我们可以通过使用JavaScript来屏蔽掉这三种状态从而实现禁止查看源代码效果。下面直接放源码。

![复制代码][copycode.gif]

1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4     <meta charset="utf-8">
     5     <title>JS禁止查看网页源代码的简单实现方法</title>
     6 </head>
     7 <body>
     8     <script type="text/javascript">
     9         window.onload = function(){
    10             //屏蔽键盘事件
    11             document.onkeydown = function (){
    12                 var e = window.event || arguments[0];
    13                 //F12
    14                 if(e.keyCode == 123){
    15                     return false;
    16                 //Ctrl+Shift+I
    17                 }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
    18                     return false;
    19                 //Shift+F10
    20                 }else if((e.shiftKey) && (e.keyCode == 121)){
    21                     return false;
    22                 //Ctrl+U
    23                 }else if((e.ctrlKey) && (e.keyCode == 85)){
    24                     return false;
    25                 }
    26             };
    27             //屏蔽鼠标右键
    28             document.oncontextmenu = function (){
    29                 return false;
    30             }
    31         }
    32 
    33     </script>
    34 </body>
    35 </html>

![复制代码][copycode.gif]

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

更多详细资料：[http://blog.csdn.net/peter521/article/details/1946153][http_blog.csdn.net_peter521_article_details_1946153]

博主留言：请尊重他人劳动成果，转载请注明文章出处。

当前文章链接：[http://www.cnblogs.com/hollow/articles/6380660.html][http_www.cnblogs.com_hollow_articles_6380660.html]

[http_www.cnblogs.com_hollow_articles_6380660.html]: http://www.cnblogs.com/hollow/articles/6380660.html
[copycode.gif]: /images/20220512/3fc10e3ae71946f9bf9ccab04efac9cb.png
[http_blog.csdn.net_peter521_article_details_1946153]: http://blog.csdn.net/peter521/article/details/1946153