<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> /*禁止选中文字*/ body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; } </style> </head> <body> <p>Test</p> <script type='text/javascript'> //这段js要放在页面最下方 var h = window.innerHeight,w=window.innerWidth; //禁用右键 (防止右键查看源代码) window.oncontextmenu=function(){return false;} //在本网页的任何键盘敲击事件都是无效操作 (防止F12和shift+ctrl+i调起开发者工具) window.onkeydown = window.onkeyup = window.onkeypress = function () { window.event.returnValue = false; return false; } //如果用户在工具栏调起开发者工具,那么判断浏览器的可视高度和可视宽度是否有改变,如有改变则关闭本页面 window.onresize = function () { if (h != window.innerHeight||w!=window.innerWidth){ window.close(); window.location = "about:blank"; } } /*好吧,你的开发者工具是单独的窗口显示,不会改变原来网页的高度和宽度, 但是你只要修改页面元素我就重新加载一次数据,让你无法修改页面元素(不支持IE9以下浏览器)*/ if(window.addEventListener){ window.addEventListener("DOMCharacterDataModified", function(){window.location.reload();}, true); window.addEventListener("DOMAttributeNameChanged", function(){window.location.reload();}, true); window.addEventListener("DOMCharacterDataModified", function(){window.location.reload();}, true); window.addEventListener("DOMElementNameChanged", function(){window.location.reload();}, true); window.addEventListener("DOMNodeInserted", function(){window.location.reload();}, true); window.addEventListener("DOMNodeInsertedIntoDocument", function(){window.location.reload();}, true); window.addEventListener("DOMNodeRemoved", function(){window.location.reload();}, true); window.addEventListener("DOMNodeRemovedFromDocument", function(){window.location.reload();}, true); window.addEventListener("DOMSubtreeModified", function(){window.location.reload();}, true); } //压缩后的代码 //var h=window.innerHeight,w=window.innerWidth;window.oncontextmenu=function(){return!1},window.onkeydown=window.onkeyup=window.onkeypress=function(){return window.event.returnValue=!1,!1},window.onresize=function(){(h!=window.innerHeight||w!=window.innerWidth)&&(window.close(),window.location="about:blank")},window.addEventListener&&(window.addEventListener("DOMCharacterDataModified",function(){window.location.reload()},!0),window.addEventListener("DOMAttributeNameChanged",function(){window.location.reload()},!0),window.addEventListener("DOMCharacterDataModified",function(){window.location.reload()},!0),window.addEventListener("DOMElementNameChanged",function(){window.location.reload()},!0),window.addEventListener("DOMNodeInserted",function(){window.location.reload()},!0),window.addEventListener("DOMNodeInsertedIntoDocument",function(){window.location.reload()},!0),window.addEventListener("DOMNodeRemoved",function(){window.location.reload()},!0),window.addEventListener("DOMNodeRemovedFromDocument",function(){window.location.reload()},!0),window.addEventListener("DOMSubtreeModified",function(){window.location.reload()},!0)) </script> </body> </html>
不完美的地方在于不支持IE9以下浏览器,还有就是只适用于展示数据,如果和用户有交互的页面使用不了,因为用户每次修改数据都会导致重新加载页面。
相关推荐
有时候我们需要屏蔽客户端的F12,以防菜鸟也可以随意修改我们的代码,也处于源码的保护等操作,这里就为大家分享一下常见的代码
很多站长为了仿止别人仿制或扒下自己的网页,都会选择使用禁止浏览器右键查看元素或F12审查元素,一旦查看元素浏览器页面就会自动关闭,下面话不多说了,来一起看看详细的介绍吧。 注:该代码不兼容火狐浏览器,对于...
浏览器F12调试页面的几个返回值的说明400 参数不匹配检查接口文档,确认发送/接收数据的大小写和层次正确404找不到处理请求的接口确认URL正确,确认Tomc
js检测用户是否打开调试工具(chrome) (function(){ var re=/x/; var i=0; console.log(re); re.toString=function(){ window.close(); return '第'+(++i)+'次打开控制台'; } })(); JavaScript检测是否开启了...
web服务器缓存实现原理,通过chrome f12观察web服务器缓存 后台action命中缓存hit Via X-cache X-Cache-Lookup
chrome F12 根据类名找CSS及动画.zip
手机Web页面CSS样式及JS进行PC远程调试【图文】教程。 和浏览器F12一样的调试效果,在电脑上改css或js,手机端不需要刷新页面,立即生效!
C8051F12x-13x中文数据手册,便于查找数据与学习,对学习着与使用者均有较大的帮助
Leica M220 F12技术数据.doc
虽然scrapy能够完美且快速的抓取静态页面,但是在现实中,目前绝大多数网站的页面都是动态页面,动态页面中的部分内容是浏览器运行页面中的JavaScript脚本动态生成的,爬取相对困难; 比如你信心满满的写好了一个...
用于页面屏蔽F12及右键查看功能
1. 捕获按键,做对应操作,包括F12,调出控制台调试; 2. 添加缓存功能,指定缓存文件路径; 3. 加载网页,等待时间用 Loading.gif动画代替; 4. 支持下载文件,弹框选择路径; 5. 隐藏鼠标右键,不弹无用菜单。
H5缺省页(pc端禁止f12调试等操作),适用于app的webview链接页面,前端技术控制让拿到页面的人无法通过调试在pc端打开页面,代码简介明了,直接取用即可
IE开发人员工具 F12调试工具 就是为前端开发人员开发页面而设计的工具 提供一系列的小工具 让你可以方便的查找 调试页面的BUG 包括HTML代码 CSS代码和JavaScript代码 同时 他也提供了一些虽然比较鸡肋 但是还能...
一款仿微信支付的html页面,让你随时随地的装逼,F12随时改
AlloyDesigner 是一款致力于提高前端生产效率的浏览器内运行工具,AlloyDesigner Chrome F12(Especially with WorkSpace) 打造前端新的开发和测试模式 为什么使用 AlloyDesigner? 1.AlloyDesigner是运行在页面上的...
web测试技术总结 功能测试 异常测试 输入框测试; web测试技术总结 功能测试 异常测试 输入框测试
模板包含:PC端前台+购物车前台+登陆页面+会员中心+全页面自适应手机端+广告系统和自动化控制插件+SEO页面优化插件包含前台首页、用户中心、购物车以及主题配置所需的官网自定义字段配置教程,本站已简单测试可用,...
使用F12的一些基本排查技巧.doc