抒发森林增强

抒发森林增强,只看洞主，下载图片
Fra og med 26.04.2022. Se den nyeste version.
Visit the author's site for support, ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         抒发森林增强
// @namespace    https://github.com/rktccn/treehollowEnhance
// @supportURL   https://github.com/rktccn/treehollowEnhance
// @homepageURL  https://github.com/rktccn/treehollowEnhance
// @version      0.1.3
// @description  抒发森林增强,只看洞主，下载图片
// @author       RoIce
// @match        *://web.treehollow.net/HoleDetail*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=greasespot.net
// @grant        GM_log
// @run-at       document-start
// @license      MIT
// ==/UserScript==

(function () {
  "use strict";
  // Your code here...

  // 原始数据
  let originalreplyList = [];

  // 回复内容
  let replyList = [];

  let replyNodes = [];

  // 设置
  let data = {
    onlyDZ: false,
  };

  // 拦截获取请求
  function addXMLRequestCallback(callback) {
    var oldSend, i;
    if (XMLHttpRequest.callbacks) {
      // we've already overridden send() so just add the callback
      XMLHttpRequest.callbacks.push(callback);
    } else {
      // create a callback queue
      XMLHttpRequest.callbacks = [callback];
      // store the native send()
      oldSend = XMLHttpRequest.prototype.send;
      // override the native send()
      XMLHttpRequest.prototype.send = function () {
        // process the callback queue
        // the xhr instance is passed into each callback but seems pretty useless
        // you can't tell what its destination is or call abort() without an error
        // so only really good for logging that a request has happened
        // I could be wrong, I hope so...
        // EDIT: I suppose you could override the onreadystatechange handler though
        for (i = 0; i < XMLHttpRequest.callbacks.length; i++) {
          XMLHttpRequest.callbacks[i](this);
        }
        // call the native send()
        oldSend.apply(this, arguments);
      };
    }
  }

  addXMLRequestCallback(function (xhr) {
    xhr.addEventListener("load", function () {
      if (xhr.readyState == 4 && xhr.status == 200) {
        // console.log( xhr.responseURL );
        if (xhr.responseURL.includes("holes/detail")) {
          //do something!
          originalreplyList = JSON.parse(xhr.response).replies;
          // console.log(originalreplyList);
        }
      }
    });
  });

  // 检测是否加载完成,异步调用
  const checkLoad = () =>
    new Promise((resolve, reject) => {
      let check = setInterval(() => {
        let targetNode = document.querySelector(
          "#root > div > div > div > div > div > div > div > div > div.css-1dbjc4n.r-13awgt0 > div > div.css-1dbjc4n.r-1p0dtai.r-1d2f490.r-12vffkv.r-u8s1d.r-zchlnj.r-ipm5af > div.css-1dbjc4n.r-13awgt0.r-12vffkv > div > div > div > div > div > div.css-1dbjc4n.r-1kihuf0.r-e7q0ms"
        );

        if (targetNode !== null) {
          clearInterval(check);
          resolve(true);
        }
      }, 200);
    });

  // 获取回复
  const getReply = () => {
    const targetNode = document.getElementsByClassName(
      "css-1dbjc4n r-1kihuf0 r-knv0ih r-e7q0ms"
    );
    replyList = [];

    if (data.onlyDZ) {
      for (let i = 0; i < targetNode.length; i++) {
        seeDZ(targetNode[i]);
      }
    }

    return targetNode;
  };

  // 监听楼层数量的变化
  const listenReplayCount = () => {
    let targetNode = document.querySelector(
      "#root > div > div > div > div > div > div > div > div > div.css-1dbjc4n.r-13awgt0 > div > div.css-1dbjc4n.r-1p0dtai.r-1d2f490.r-12vffkv.r-u8s1d.r-zchlnj.r-ipm5af > div.css-1dbjc4n.r-13awgt0.r-12vffkv > div > div > div > div > div > div.css-1dbjc4n.r-1kihuf0.r-13awgt0.r-knv0ih.r-13qz1uu > div > div > div:nth-child(2)"
    );

    const config = { childList: true };

    const callBack = (mutationsList, observer) => {
      //   removeFloor();
      replyNodes = getReply();
      //   addFloor();
      //   addReplyEvent();
    };

    const observer = new MutationObserver(callBack);

    observer.observe(targetNode, config);
  };

  // 只看洞主,只显示name为 洞主 的回帖
  const seeDZ = (reply) => {
    let userName = reply.getElementsByClassName(
      "css-901oao r-5rif8m r-ubezar r-13uqrnb r-majxgm r-oxtfae r-dhbnww r-13hce6t r-14gqq1x"
    )[0].innerText;

    if (userName !== "洞主") {
      reply.style.display = "none";
    }
  };

  // 添加按钮
  const addButton = (text, callback) => {
    let container = document.getElementsByClassName("button-container")[0];
    if (container === undefined) {
      // 添加container
      container = document.createElement("div");
      container.className = "button-container";
      container.style.cssText =
        "display: flex; justify-content: center; align-items: center; position: fixed; right: 20px; bottom: 50%;flex-direction: column;transform: translateY(30%);";
      document.body.appendChild(container);
    }

    const element = document.createElement("div");
    element.innerText = text;
    element.className = "dz-button";
    element.style.cssText =
      "margin-bottom: 16px; background-color: #53A13C; border-radius: 5px;  cursor: pointer; display: inline-block; font-size: 17px; font-weight: 400;;;; width: 50px;line-height: 1.2; padding: 17px 14px; text-align: center; text-decoration: none; color: #fff;";

    element.addEventListener("click", callback);
    container.appendChild(element);
  };

  // 点击只看洞主
  const clickDZ = () => {
    if (data.onlyDZ) {
      data.onlyDZ = false;
      // 刷新页面
      location.reload();
    } else {
      data.onlyDZ = true;
      for (let i = 0; i < replyNodes.length; i++) {
        const reply = replyNodes[i];
        seeDZ(reply);
      }
    }
  };

  // 查看所有图片
  const getImg = () => {
    let imgList = [];
    // 提取图片
    originalreplyList.forEach((item) => {
      if (item?.image) {
        imgList.push(`https://img.treehollow.net/${item.image.src}`);
      }
    });
    return imgList;
  };

  // 新增图片显示窗口
  const addImgWindow = () => {
    let container = document.createElement("div");
    container.classList = "img-container";
    container.style.cssText =
      "position: fixed; inset: 0px; z-index: 9999; background-color: rgba(0, 0, 0, 0.6); overflow-y: scroll; display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100vw;gap: 16px;";

    document.body.appendChild(container);
    let imgList = getImg();
    for (let i = 0; i < imgList.length; i++) {
      const imgUrl = imgList[i];
      let img = document.createElement("img");
      img.src = imgUrl;
      img.style.cssText = "width: 100%;";
      container.appendChild(img);
    }

    let close = document.createElement("div");
    close.innerText = "关闭";
    close.style.cssText =
      " position: fixed; right: 20px; bottom: 50%; margin-bottom: 16px; background-color: #53A13C; border-radius: 5px;  cursor: pointer; display: inline-block; font-size: 17px; font-weight: 400;;;; width: 50px;line-height: 1.2; padding: 17px 14px; text-align: center; text-decoration: none; color: #fff;";
    close.addEventListener("click", () => {
      container.remove();
    });
    container.appendChild(close);
  };

  // 回到顶部
  const goTop = () => {
    let targetNode = document.getElementsByClassName(
      "css-1dbjc4n r-150rngu r-eqz5dr r-16y2uox r-1wbh5a2 r-11yh6sk r-1rnoaur r-2eszeu r-1sncvnh"
    );
    targetNode[0].scrollTo({ x: 5, y: 5, animated: true });
  };

  checkLoad().then((res) => {
    replyNodes = getReply();
    listenReplayCount();
    addButton("只看洞主", clickDZ);
    addButton("下载图片", addImgWindow);
    addButton("回到顶部", goTop);
  });
})();
Greasy Fork镜像

抒发森林增强

赞助商

广告
