chrome等浏览器都自带了网页审查开发者工具，直接按f12就出来了，然后就可以对网页内容随心所欲的修改，那么如何禁止用户按f12进开发者工具对内容进行修改？
网友回复
这样也行，禁止用户按f12，并且禁止用户鼠标右键点击打开菜单
<script type="text/javascript">
document.addEventListener("contextmenu", function (e) {
e.preventDefault();
});
document.addEventListener("keydown", function (e) {
if (e.key === "F12") {
e.preventDefault();
}
});
</script>by thinkfuture
有一个插件叫jquery.lock.js,通过监听DOMSubtreeModified事件来捕获用户进行修改行为，然后强制还原，示例代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/javascript">
bready(function() {
use(["jquery.lock.min"], function() {
$('#test').lock();
});
});
</script>
<style>
</style>
</head>
<body>
<div id="test">
按f12打开开发者工具修改文字试试
</div>
</body>
</html>
by thinkfuture
我知道答案，我要回答
私活外包
最新提问
