JavaScript怎么用油猴脚本实现去水印功能

实现原理

接下来，我们就来说说，这个脚本的实现原理。那并不是任何网站都可以破解会员，是因为这个网站不够建全，我们可以利用一些前端知识来绕过付费。

打开 chrome dev tools, 在 HTML 中搜索 water ，我们可以搜索到带水印的 div，给这个 div 加一个样式： display none。就可以实现去水印了。 原理就是通过这一行代码实现去水印了， 现在我们可以使用截图工具截图保存即可。

接下来说说，右上角的无水印下载按钮是怎么实现的。

其实设计网站实现图片下载，一般由 2 种方式：

第一种： 使用一个前端库 dom-to-img 来实现

第二种： 使用服务器 puppeteer 截图实现。

第一种方式就是它自带的按钮（极速下载测试版）

第二种服务端生成：当我们点击上面的（下载带水印）按钮，我们可以看到它的 2 个请求接口，其中有一个请求带参数 waterMark 值为 1 ，那么是否是改成 0， 就没有水印了呢？

第二个接口可以通过第一个接口返回的 uid，获得下载图片的地址。那么我们就可以自己模拟请求这个 2 个接口，来实现这一个功能。

代码分析

// ==/UserScript==
// @grant        GM_addStyle
// @require      https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js
// @license MIT
// ==/UserScript==
(function () {
  "use strict";

  GM_addStyle(`.water,.water-tip{display:none!important}`);

  const toast = (content, time) => {
    return new Promise((resolve, reject) => {
      let elAlertMsg = document.querySelector("#fehelper_alertmsg");
      if (!elAlertMsg) {
        let elWrapper = document.createElement("div");
        elWrapper.innerHTML =
          '' +
          '' +
          content +
          "