这篇文章主要介绍“JavaScript怎么用油猴脚本实现去水印功能”,在日常操作中,相信很多人在JavaScript怎么用油猴脚本实现去水印功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript怎么用油猴脚本实现去水印功能”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!接下来,我们就来说说,这个脚本的实现原理。那并不是任何网站都可以破解会员,是因为这个网站不够建全,我们可以利用一些前端知识来绕过付费。打开 chrome dev tools, 在 HTML 中搜索 water
,我们可以搜索到带水印的 div,给这个 div 加一个样式: display none。就可以实现去水印了。 原理就是通过这一行代码实现去水印了, 现在我们可以使用截图工具截图保存即可。接下来说说,右上角的无水印下载按钮是怎么实现的。其实设计网站实现图片下载,一般由 2 种方式:第一种: 使用一个前端库 dom-to-img
来实现第二种: 使用服务器 puppeteer
截图实现。第一种方式就是它自带的按钮(极速下载测试版)第二种服务端生成:当我们点击上面的(下载带水印)按钮,我们可以看到它的 2 个请求接口,其中有一个请求带参数 waterMark 值为 1 ,那么是否是改成 0, 就没有水印了呢?第二个接口可以通过第一个接口返回的 uid
,获得下载图片的地址。那么我们就可以自己模拟请求这个 2 个接口,来实现这一个功能。’+
content+
“首先我们通过 require
加入 jquery
,方便我们 dom 操作,然后通过一个定时器,在 dom 加载之后,往右上角插入一个无水印下载的按钮。点免费云主机域名击这个按钮,模拟调用刚才的 2 个接口,并且发送参数:bid、图片的宽度、高度。bid
: 也就是 url 上的 id。图片宽度和高度:也就是页面上输入的值。最后我们通过接口返回的图片地址,使用 window.open
方法实现图片下载。到此,关于“JavaScript怎么用油猴脚本实现去水印功能”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注百云主机网站,小编会继续努力为大家带来更多实用的文章!
这篇文章主要介绍“python的argparse模块如何使用”,在日常操作中,相信很多人在python的argparse模块如何使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”python的argparse模块如何使用”的疑惑…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。