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

在项目开发中有时会遇到不想让别人轻易查看到网站的源代码信息,我们有多种方法可以轻保护自己的网站源码。下面会介绍三种使用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是不可能的!想看源代码也是没办法阻止的。此脚本这只能防止不劳而获的小白,针对计算机老鸟、大神是无法作用的;并且现在很多浏览器自带有查看网页源代码的功能。