如何获取被禁止查看的网页源代码,如何禁止别人查看网页源代码

2021年2月22日技巧分享评论115,911字数 1398阅读4分39秒阅读模式

想学习一个网站的样式,或者扒一个网站的模板,但有的网站会设置禁止查看网页源代码,该怎么办?
或者你想禁止别人查看网页源代码,该怎么办?

其实你网站只要显示出来了,对于有经验者的人来说,网页源代码都是无法真正被隐藏的,换言之,所有方法都是徒劳。

首先看看如何禁止别人查看网页源代码。

禁止查看网页源代码

一般常用的方法是在网页中加上类似的JS代码,屏蔽屏蔽键盘和鼠标右键。

document.onkeydown = function() {
	var e = window.event || arguments[0];
	if (e.keyCode == 123) {
		alert('禁止F12');
		return false;
	} else if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
		alert('禁止Ctrl+Shift+I');
		return false;
	} else if ((e.ctrlKey) && (e.keyCode == 85)) {
		alert('禁止Ctrl+u');
		return false;
	} else if ((e.ctrlKey) && (e.keyCode == 83)) {
		alert('禁止Ctrl+s');
		return false;
	}
}
// 屏蔽鼠标右键
document.oncontextmenu = function() {
	alert('禁止右键');
	return false;
}

上述代码用下面的包裹起来之后,不显示提示信息:

window.onload = function() {
// 代码
}

另一段JS代码,可以阻止浏览器开发工具正常使用:

<script type="text/javascript">
((function() {
	var callbacks = [],
	timeLimit = 50,
	open = false;
	setInterval(loop, 1);
	return {
		addListener: function(fn) {
			callbacks.push(fn);
		},
		cancleListenr: function(fn) {
			callbacks = callbacks.filter(function(v) {
				return v !== fn;
			});
		}
	}
	function loop() {
		var startTime = new Date();
		debugger;
		if (new Date() - startTime > timeLimit) {
			if (!open) {
				callbacks.forEach(function(fn) {
					fn.call(null);
				});
			}
			open = true;
			window.stop();
			alert('禁止查看');
			window.location.reload();
		} else {
			open = false;
		}
	}
})())
 
.addListener(function() {
	window.location.reload();
});
</script>

查看被禁止的网页源代码

上述因为用到JS代码来实现,所以想要让其无效,也是非常简单:禁止JS脚本

以chrome举例:

打开chrome设置,选择隐私设置和安全性,打开下面网站设置,找到内容下面的JavaScript,把允许改为禁止,就可以了。

禁止别人查看网页源代码貌似还有一个比较隐蔽的方法,当打开浏览器开发工具窗口页面大小发生变化,通过JS判断浏览器窗口变化,在开发工具中看不到源代码,不过知道原理后,也是掩耳盗铃...

为登录用户显示不同的 WordPress 菜单 前端开发

为登录用户显示不同的 WordPress 菜单

有的网站需要为未登录用户和登录用户显示不同的菜单,那么该如何实现呢? 可以通过下面的代码实现: 将下面代码添加到当前主题函数模板functions.php中: if( is_user_logged_i...
WordPress如何设置强制登录否则无法查看网站 前端开发

WordPress如何设置强制登录否则无法查看网站

如网站内容只希望注册用户浏览,对其他所有人隐藏,浏览者未登录访问直接跳转到登录注册页面,可以用下面的代码实现。 将下面代码添加到当前主题函数模板functions.php中: 代码一 未登录访问网站直...
WordPress 如何导出部分文章 前端开发

WordPress 如何导出部分文章

WordPress 自带的导出功能只能导出全部文章,如果想导出部分文章或者某个文章,可以安装文章导出插件Single Post Exporter。 安装并启用插件后无需设置,会分别在文章编辑页面、文章...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定