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

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

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

  1. F12

  2. 鼠标右键单击

  3. Ctrl+Shift+I

  4. Ctrl+U

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

 

复制代码
 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                 //F1214                 if(e.keyCode == 123){15                     return false;16                 //Ctrl+Shift+I17                 }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){18                     return false;19                 //Shift+F1020                 }else if((e.shiftKey) && (e.keyCode == 121)){21                     return false;22                 //Ctrl+U23                 }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>
复制代码

 

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