window.innerWidth; //禁用右键 document.oncontextmenu = function () { return false; }; //在本网页的任何键盘敲击事件都是无效操作 (防止F12...window.onkeypress = function () { window.event.returnValue = false; return false; } //禁用开发者工具F12
众所周知,审查元素的情况下,大家都可以随机更改一部分页面的代码, 注入恶意JS等等,这种情况避免也不难,虽然还能看到一部分H5源码,但是无法修改 一、屏蔽F12 审查元素 document.onkeydown...= function(){ if(window.event && window.event.keyCode == 123) { alert("F12被禁用");
接上一篇,突然想起来,类似于网页里如何使用js禁用鼠标右击事件,还有禁用F12事件也可以禁用一下,总所周知,对于Web开发人员来说,常常要进行界面的调试。...使用F12调试工具能够很方便地进行调试,查看html元素,查看响应事件,但是对于自己开发出来的网页,我时常不想被别人看到图片,视频,源码等相关信息,于是常添加这样的代码: document.onkeydown
很多同学网站都在用静态博客,安全轻量的同时也带来了些许麻烦,正如首图中那样,站点被别人全盘撸走,反而比自己文章关键字还高.自己辛辛苦苦的耕耘变成了别人的果实…所以本文提供一下通过JS手段防止网站被扒皮的手段...let siteprotect=1;//做一个flag 然后用于下面判断这段JS是否执行 if(self !...let whitelist=['huai.pub','127.0.0.1','localhost','']; //host白名单;空的话,为以file类型打开,是为了防止保存到本地调试,如果不担心此条...把上面部分放到一个不得不运行且打开页面就运行的JS里面(不建议放到公共资源部分,比如 jQuery之类的 )…当然 需要按照注释修改为自己的参数; 之后将这条JS 加密 然后将第二部分放到页面底部的JS...中,同时也加密后再引入(siteprotect变量可以改名 且改掉值,最好使用随机值) 重要的是 JS一定要加密 且放到对站点效果影响大的JS中… 这样就算被别人恶意保存,基本也不会有大的问题了
在很多时候,我们可能需要调试前端的js,但是如果非本地项目,根本没法直接修改js进行调试,但是我们可以利用浏览器的开发者工具,进行修改js并调试 首先我们随便找一个网站: https://www.easyswoole.com.../Preface/intro.html 打开f12,点击sources,点击overrides: ?...在soures中找到你需要修改的js文件: ? 由于很多代码都会进行压缩,所以我们可以先点击上面的prety-print进行格式化: ? 将格式化的代码全选复制,复制到原有js中: ?...点击ctrl+s或者右键菜单保存: ? 直接刷新页面,浏览器将从本地加载此js文件: ? 本文为仙士可原创文章,转载无需和我联系,但请注明来自仙士可博客www.php20.cn
name 文件名 data 数据 type mime类型 saveAs: function (name, data, type) { const ele...
只要按下那审查元素、按下F12键,网页就会自动关闭233,可谓杀Bug放火必备佳品!...function ck() { console.profile(); console.profileEnd(); //我们判断一下profiles里面有没有东西,如果有,肯定有人按F12
在前端开发中,F12审查元素的情况下,大家都可以随机更改一部分页面的代码,注入恶意JS等等,这种情况避免也不难,虽然还能看到一部分H5源码,但是无法修改。 ?...一、屏蔽F12 审查元素 document.onkeydown = function () { if (window.event && window.event.keyCode...== 123) { alert("F12被禁用"); event.keyCode = 0; event.returnValue
1 前言 在爬取数据时,有一些网站设置了反爬(禁止F12、网页调试Debugger、丑化Js),比如下面这几种情况: 1.禁止查看源代码 ? ?...2.网页调试Debugger 上面禁止查看网页问题,可以先按F12,再访问网站,但是又有网页调试Debugger ? 经过各种百度之后,可以在浏览器里面关闭Debug调试 ?...3.丑化JS 通过查看,可以发现数据是异步加载过来,查看数据包(network)时,发现js是被丑化过,无法查看 ? 遇到以上这些反爬,难道就会阻止我们去采集数据了???...2 Python解决上述反爬 1.引入Selenium 本来想通过Reuqest请求数据,奈何数据是异步加载,异步链接也被js丑化了。
function ck() { console.profile(); console.profileEnd(); //我们判断一下profiles里面有没有东西,如果有,肯定有人按F12
本段js需要引入jquery,请自行引入吧! 我测试的时候用的jquery2.1.4!...if(e.keyCode==122){e.keyCode = 0;return false;} }); }); $(document).ready(function() { //jQuery 屏蔽F12
本文简介 之前有些工友留言:在 fabric.js 中怎么保存元素的自定义属性? 比如,创建一个矩形,这个矩形有自己的 ID 属性,在执行序列化操作出来的结果却看不到 ID 属性了。
使用方法很简单在你的网页或者JS里面添加下面这段 console.log("%c%c博客名称%c会飞的鱼","line-height:28px;","line-height:28px;
本段js需要引入jquery,请自行引入吧! 我测试的时候用的jquery2.1.4!...; if(e.keyCode==122){e.keyCode = 0;return false;} }); }); $(document).ready(function() { //jQuery 屏蔽F12
来源:猪啰啰 https://juejin.cn/post/6953882449235410951 我们的项目是前端用vue,服务端用node.js,这个excel导出我们已经用了一年,我们目前用到的无非是图片导出...这个node端的封装是经过同事不断的review(感谢同事),俺不断的修改优化后的代码,当时也是我第一次接触node.js,只想告诉你,用它,稳稳的!...node.js服务端代码 1.拿到需要导出的数据之后如何使用(假数据模拟,下面是页面) ?...return item })) })) } } } module.exports = exportFileService 复制代码 3.调用下载接口后node.js...method: 'get', params: { query: qs.stringify(params), }, }) } 复制代码 utils /** * 本地保存文件并导出
我们的项目是前端用vue,服务端用node.js,这个excel导出我们已经用了一年,我们目前用到的无非是图片导出,文本导出,调调excel单元格距离等....这个node端的封装是经过同事不断的review(感谢同事),俺不断的修改优化后的代码,当时也是我第一次接触node.js,只想告诉你,用它,稳稳的!...node.js服务端代码 1.拿到需要导出的数据之后如何使用(假数据模拟,下面是页面) image.png constructor(prop) { super(prop) // 定义...return item })) })) } } } module.exports = exportFileService 复制代码 3.调用下载接口后node.js... method: 'get', params: { query: qs.stringify(params), }, }) } 复制代码 utils /** * 本地保存文件并导出
function endebug(off, code) { if (!off) { !function ...
领取专属 10元无门槛券
手把手带您无忧上云