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

约 1187 字     4143 次已读     JavaScript

在项目开发中有时会遇到不想让别人轻易查看到网页的源代码信息,有多种方法可以轻保护自己的网站源码。最常见查看网站源码的无非有这四种:

  • F12
  • 鼠标右键单击
  • Ctrl+Shift+I
  • 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这类网站下载工具可以下载任何文件,相当于做镜像网站。想真正的保护源代码,除非服务器进行安全设置、加密。