☰

CSDN优化

支持手机端和PC端，屏蔽广告，优化浏览体验，自动跳转拦截的URL

当前为 2024-04-24 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         CSDN优化
  3. // @icon         https://www.csdn.net/favicon.ico
  4. // @namespace    https://greasyfork.org/zh-CN/scripts/406136
  5. // @supportURL   https://github.com/WhiteSevs/TamperMonkeyScript/issues
  6. // @version      2024.4.24
  7. // @license      MIT
  8. // @description  支持手机端和PC端，屏蔽广告，优化浏览体验，自动跳转拦截的URL
  9. // @author       WhiteSevs
  10. // @match        *://*.csdn.net/*
  11. // @grant        GM_registerMenuCommand
  12. // @grant        GM_unregisterMenuCommand
  13. // @grant        GM_getValue
  14. // @grant        GM_setValue
  15. // @grant        GM_deleteValue
  16. // @grant        GM_info
  17. // @grant        unsafeWindow
  18. // @run-at       document-start
  19. // @require      https://update.greasyfork.org/scripts/462234/1322684/Message.js
  20. // @require      https://update.greasyfork.org/scripts/456485/1360571/pops.js
  21. // @require      https://update.greasyfork.org/scripts/455186/1365298/WhiteSevsUtils.js
  22. // @require      https://update.greasyfork.org/scripts/465772/1360574/DOMUtils.js
  23. // ==/UserScript==
  24.  
  25. (function () {
  26.   if (typeof unsafeWindow === "undefined") {
  27.     unsafeWindow = globalThis || window;
  28.   }
  29.   /**
  30.    * @type {import("../库/pops")}
  31.    */
  32.   const pops = window.pops;
  33.   /**
  34.    * @type {import("../库/Utils")}
  35.    */
  36.   const utils = window.Utils.noConflict();
  37.   /**
  38.    * @type {import("../库/DOMUtils")}
  39.    */
  40.   const DOMUtils = window.DOMUtils.noConflict();
  41.   /**
  42.    * @type {import("../库/Qmsg")}
  43.    */
  44.   const Qmsg = window.Qmsg;
  45.  
  46.   const log = new utils.Log(GM_info, unsafeWindow.console || console);
  47.   log.config({
  48.     autoClearConsole: false,
  49.   });
  50.  
  51.   const GM_addStyle = utils.addStyle;
  52.  
  53.   /**
  54.    * 油猴菜单
  55.    */
  56.   const GM_Menu = new utils.GM_Menu({
  57.     GM_getValue,
  58.     GM_setValue,
  59.     GM_registerMenuCommand,
  60.     GM_unregisterMenuCommand,
  61.   });
  62.  
  63.   /* 配置吐司Qmsg */
  64.   Qmsg.config({
  65.     position: "top",
  66.     html: true,
  67.     maxNums: 5,
  68.     autoClose: true,
  69.     showClose: false,
  70.     showReverse: true,
  71.   });
  72.  
  73.   /**
  74.    * 移除元素（未出现也可以等待出现）
  75.    * @param {string} selectorText 元素选择器
  76.    */
  77.   const waitForElementToRemove = function (selectorText = "") {
  78.     utils.waitNodeList(selectorText).then((nodeList) => {
  79.       nodeList.forEach((item) => {
  80.         item.remove();
  81.       });
  82.     });
  83.   };
  84.  
  85.   const CSDN = {
  86.     blog: {
  87.       /**
  88.        * 判断是否是博客
  89.        */
  90.       isBlogRouter() {
  91.         return Boolean(/blog.csdn.net/i.test(window.location.origin));
  92.       },
  93.       PC: {
  94.         /**
  95.          * 初始化
  96.          */
  97.         init() {
  98.           this.addCSS();
  99.           if (PopsPanel.getValue("CSDNAutoJumpRedirect_PC")) {
  100.             CSDN.blog.PC.jumpRedirect();
  101.           }
  102.           if (PopsPanel.getValue("csdn_pc_cknow")) {
  103.             this.cKnow();
  104.           }
  105.           if (PopsPanel.getValue("articleCenter")) {
  106.             this.articleCenter();
  107.           }
  108.           if (PopsPanel.getValue("shieldLoginDialog")) {
  109.             this.shieldLoginDialog();
  110.           }
  111.           if (PopsPanel.getValue("autoExpandContent")) {
  112.             this.autoExpandContent();
  113.           }
  114.           if (PopsPanel.getValue("csdnShieldfloatingButton")) {
  115.             this.shieldRightToolbar();
  116.           }
  117.           if (PopsPanel.getValue("csdnShieldBottomRecommendArticle")) {
  118.             this.csdnShieldBottomRecommendArticle();
  119.           }
  120.           if (PopsPanel.getValue("csdnShieldBottomSkillTree")) {
  121.             this.csdnShieldBottomSkillTree();
  122.           }
  123.           if (PopsPanel.getValue("csdnShieldBottomFloatingToolbar")) {
  124.             this.csdnShieldBottomFloatingToolbar();
  125.           }
  126.           if (PopsPanel.getValue("csdn_pc_shieldLeftBlogContainerAside")) {
  127.             this.shieldLeftBlogContainerAside();
  128.           }
  129.           if (PopsPanel.getValue("csdn_pc_shieldRightDirectoryInformation")) {
  130.             this.shieldRightDirectoryInformation();
  131.           }
  132.           if (PopsPanel.getValue("csdn_pc_shieldTopToolbar")) {
  133.             this.shieldTopToolbar();
  134.           }
  135.           if (PopsPanel.getValue("csdn_pc_shieldArticleSearchTip")) {
  136.             this.shieldArticleSearchTip();
  137.           }
  138.           this.initRightToolbarOffset();
  139.           DOMUtils.ready(() => {
  140.             if (PopsPanel.getValue("csdn_pc_removeClipboardHijacking")) {
  141.               this.removeClipboardHijacking();
  142.             }
  143.             if (PopsPanel.getValue("csdn_pc_unBlockCopy")) {
  144.               this.unBlockCopy();
  145.             }
  146.             if (PopsPanel.getValue("csdn_pc_identityCSDNDownload")) {
  147.               this.identityCSDNDownload();
  148.             }
  149.             if (PopsPanel.getValue("csdn_pc_clickPreCodeAutomatically")) {
  150.               this.clickPreCodeAutomatically();
  151.             }
  152.             if (PopsPanel.getValue("autoExpandContent")) {
  153.               this.clickPreCodeAutomatically();
  154.             }
  155.             if (PopsPanel.getValue("csdn_pc_restoreComments")) {
  156.               this.restoreComments();
  157.             }
  158.             if (PopsPanel.getValue("csdn_pc_addGotoRecommandButton")) {
  159.               this.addGotoRecommandButton();
  160.             }
  161.           });
  162.           if (window.location.hostname === "wenku.csdn.net") {
  163.             this.addWenKuCSS();
  164.           }
  165.         },
  166.         getDefaultShieldCSS() {
  167.           return `
  168. .ecommend-item-box.recommend-recommend-box,
  169. .login-mark,
  170. .opt-box.text-center,
  171. .leftPop,
  172. #csdn-shop-window,
  173. .toolbar-advert,
  174. .hide-article-box,
  175. .user-desc.user-desc-fix,
  176. .recommend-card-box,
  177. .more-article,
  178. .article-show-more,
  179. #csdn-toolbar-profile-nologin,
  180. .guide-rr-first,
  181. #recommend-item-box-tow,
  182. /* 发文章得原力分图片提示 */
  183. div.csdn-toolbar-creative-mp,
  184. /* 阅读终点，创作起航，您可以撰写心得或摘录文章要点写篇博文。 */
  185. #toolBarBox div.write-guide-buttom-box,
  186. /* 觉得还不错? 一键收藏 */
  187. ul.toolbox-list div.tool-active-list,
  188. /* 右边按钮组的最上面的创作话题 */
  189. div.csdn-side-toolbar .activity-swiper-box,
  190. .sidetool-writeguide-box .tip-box,
  191. /* 右下角的登录提示 */
  192. .passport-login-tip-container{
  193.   display: none !important;
  194. }`;
  195.         },
  196.         addCSS() {
  197.           let shieldCSS = PopsPanel.getValue(
  198.             "csdn-pc-css",
  199.             this.getDefaultShieldCSS()
  200.           );
  201.           GM_addStyle(shieldCSS);
  202.           GM_addStyle(`
  203.           /* 自动展开代码块 */
  204.           .comment-list-box,
  205.           main div.blog-content-box pre{
  206.             max-height: none !important;
  207.           }
  208.           /* 自动展开全文 */
  209.           #article_content,
  210.           .user-article.user-article-hide{
  211.             height: auto !important;
  212.             overflow: auto !important;
  213.           }
  214.           .blog_container_aside,
  215.           #nav{
  216.             margin-left: -45px;
  217.           }
  218.           .recommend-right.align-items-stretch.clearfix,.dl_right_fixed{
  219.             margin-left: 45px;
  220.           }
  221.           #content_views,
  222.           #content_views pre,
  223.           #content_views pre code{
  224.             user-select: text !important;
  225.           }
  226.           `);
  227.         },
  228.         /**
  229.          * 添加在wenku.csdn.net下的CSS
  230.          */
  231.         addWenKuCSS() {
  232.           GM_addStyle(`
  233.           /* wenku顶部横幅 */
  234.           #app > div > div.main.pb-32 > div > div.top-bar,
  235.           /* 底部展开全文 */
  236.           #chatgpt-article-detail > div.layout-center > div.main > div.article-box > div.cont.first-show.forbid > div.open{
  237.             display: none !important;
  238.           }
  239.           #chatgpt-article-detail > div.layout-center > div.main > div.article-box > div.cont.first-show.forbid{
  240.             max-height: unset !important;
  241.             height: auto !important;
  242.             overflow: auto !important;
  243.           }
  244.           `);
  245.           GM_addStyle(`
  246.           .forbid{
  247.             user-select: text !important;
  248.           }
  249.           `);
  250.         },
  251.         /**
  252.          * 去除剪贴板劫持
  253.          */
  254.         removeClipboardHijacking() {
  255.           log.info("去除剪贴板劫持");
  256.           document.querySelector(".article-copyright")?.remove();
  257.           if (unsafeWindow.articleType) {
  258.             unsafeWindow.articleType = 0;
  259.           }
  260.           if (
  261.             unsafeWindow.csdn &&
  262.             unsafeWindow.csdn.copyright &&
  263.             unsafeWindow.csdn.copyright.textData
  264.           ) {
  265.             unsafeWindow.csdn.copyright.textData = "";
  266.           }
  267.           if (
  268.             unsafeWindow.csdn &&
  269.             unsafeWindow.csdn.copyright &&
  270.             unsafeWindow.csdn.copyright.htmlData
  271.           ) {
  272.             unsafeWindow.csdn.copyright.htmlData = "";
  273.           }
  274.         },
  275.         /**
  276.          * 取消禁止复制
  277.          */
  278.         unBlockCopy() {
  279.           log.info("取消禁止复制");
  280.           document.addEventListener(
  281.             "click",
  282.             function (event) {
  283.               let target = event.target;
  284.               if (!target.classList.contains("hljs-button")) {
  285.                 return;
  286.               }
  287.               utils.preventEvent(event);
  288.               /* 需要复制的文本 */
  289.               let copyText =
  290.                 target.parentElement.innerText ||
  291.                 target.parentElement.textContent;
  292.               utils.setClip(copyText);
  293.               log.success("点击复制 复制成功~");
  294.               target.setAttribute("data-title", "复制成功");
  295.             },
  296.             {
  297.               capture: true,
  298.             }
  299.           );
  300.           let changeDataTitle = new utils.LockFunction(function (event) {
  301.             let target = event.target;
  302.             if (!target.localName === "pre") {
  303.               return;
  304.             }
  305.             target
  306.               .querySelector(".hljs-button")
  307.               ?.setAttribute("data-title", "复制");
  308.           });
  309.  
  310.           document.addEventListener("mouseenter", changeDataTitle.run, {
  311.             capture: true,
  312.           });
  313.           document.addEventListener("mouseleave", changeDataTitle.run, {
  314.             capture: true,
  315.           });
  316.           /* 取消Ctrl+C的禁止 */
  317.           utils.waitNode("#content_views").then((element) => {
  318.             unsafeWindow?.$("#content_views")?.unbind("copy");
  319.             element.addEventListener("copy", function (event) {
  320.               utils.preventEvent(event);
  321.               utils.setClip(unsafeWindow.getSelection().toString());
  322.               log.success("Ctrl+C 复制成功~");
  323.               return false;
  324.             });
  325.           });
  326.           /* 删除所有复制按钮的原有的复制事件 */
  327.           utils.waitNode(".hljs-button").then(() => {
  328.             setTimeout(() => {
  329.               document.querySelectorAll(".hljs-button").forEach((element) => {
  330.                 element.removeAttribute("onclick");
  331.                 element.removeAttribute("data-report-click");
  332.                 element.setAttribute("data-title", "复制");
  333.               });
  334.             }, 250);
  335.           });
  336.         },
  337.         /**
  338.          * 点击代码块自动展开
  339.          */
  340.         clickPreCodeAutomatically() {
  341.           log.info("点击代码块自动展开");
  342.           document.addEventListener("click", function (event) {
  343.             let target = event.target;
  344.             if (target.localName !== "pre") {
  345.               return;
  346.             }
  347.             target.style.setProperty("height", "auto");
  348.             target.querySelector(".hide-preCode-box")?.remove();
  349.           });
  350.         },
  351.         /**
  352.          * 恢复评论到正确位置
  353.          */
  354.         restoreComments() {
  355.           /* 第一条评论 */
  356.           log.info("恢复评论到正确位置-第一条评论");
  357.           utils.waitNode(".first-recommend-box").then((element) => {
  358.             let recommendBoxElement = document.querySelector(
  359.               ".recommend-box.insert-baidu-box.recommend-box-style"
  360.             );
  361.             recommendBoxElement.insertBefore(
  362.               element,
  363.               recommendBoxElement.firstChild
  364.             );
  365.           });
  366.           log.info("恢复评论到正确位置-第二条评论");
  367.           /* 第二条评论 */
  368.           utils.waitNode(".second-recommend-box").then((element) => {
  369.             let recommendBoxElement = document.querySelector(
  370.               ".recommend-box.insert-baidu-box.recommend-box-style"
  371.             );
  372.             recommendBoxElement.insertBefore(
  373.               element,
  374.               recommendBoxElement.firstChild
  375.             );
  376.           });
  377.         },
  378.         /**
  379.          * 标识CSDN下载的链接
  380.          */
  381.         identityCSDNDownload() {
  382.           log.info("标识CSDN下载的链接");
  383.           document
  384.             .querySelectorAll(
  385.               ".recommend-item-box[data-url*='https://download.csdn.net/']"
  386.             )
  387.             .forEach((item) => {
  388.               if (PopsPanel.getValue("removeCSDNDownloadPC")) {
  389.                 item.remove();
  390.               } else {
  391.                 item
  392.                   .querySelector(".content-box")
  393.                   .style.setProperty("border", "2px solid red");
  394.               }
  395.             });
  396.         },
  397.         /**
  398.          * 全文居中
  399.          */
  400.         articleCenter() {
  401.           log.info("全文居中");
  402.           GM_addStyle(`
  403.           #mainBox main{
  404.             width: inherit !important;
  405.           }
  406.           `);
  407.           GM_addStyle(`
  408.           @media (min-width: 1320px) and (max-width:1380px) {
  409.             .nodata .container {
  410.               width: 900px !important
  411.             }
  412.           
  413.             .nodata .container main {
  414.               width: 900px
  415.             }
  416.           
  417.             .nodata .container main #pcCommentBox pre >ol.hljs-ln {
  418.               width: 490px !important
  419.             }
  420.           
  421.             .nodata .container main .articleConDownSource {
  422.               width: 500px
  423.             }
  424.           }
  425.           
  426.           @media screen and (max-width: 1320px) {
  427.             .nodata .container {
  428.               width: 760px !important
  429.             }
  430.           
  431.             .nodata .container main {
  432.               width: 760px
  433.             }
  434.           
  435.             .nodata .container main #pcCommentBox pre >ol.hljs-ln {
  436.               width: 490px !important
  437.             }
  438.           
  439.             .nodata .container main .toolbox-list .tool-reward {
  440.               display: none
  441.             }
  442.           
  443.             .nodata .container main .more-toolbox-new .toolbox-left .profile-box .profile-name {
  444.               max-width: 128px
  445.             }
  446.           
  447.             .nodata .container main .articleConDownSource {
  448.               width: 420px
  449.             }
  450.           }
  451.           
  452.           @media screen and (min-width: 1380px) {
  453.             .nodata .container {
  454.               width: 1010px !important
  455.             }
  456.           
  457.             .nodata .container main {
  458.               width: 1010px
  459.             }
  460.           
  461.             .nodata .container main #pcCommentBox pre >ol.hljs-ln {
  462.               width: 490px !important
  463.             }
  464.           
  465.             .nodata .container main .articleConDownSource {
  466.               width: 560px
  467.             }
  468.           }
  469.           
  470.           @media (min-width: 1550px) and (max-width:1700px) {
  471.             .nodata .container {
  472.               width: 820px !important
  473.             }
  474.           
  475.             .nodata .container main {
  476.               width: 820px
  477.             }
  478.           
  479.             .nodata .container main #pcCommentBox pre >ol.hljs-ln {
  480.               width: 690px !important
  481.             }
  482.           
  483.             .nodata .container main .articleConDownSource {
  484.               width: 500px
  485.             }
  486.           }
  487.           
  488.           @media screen and (min-width: 1700px) {
  489.             .nodata .container {
  490.               width: 1010px !important
  491.             }
  492.           
  493.             .nodata .container main {
  494.               width: 1010px
  495.             }
  496.           
  497.             .nodata .container main #pcCommentBox pre >ol.hljs-ln {
  498.               width: 690px !important
  499.             }
  500.           
  501.             .nodata .container main .articleConDownSource {
  502.               width: 560px
  503.             }
  504.           }
  505.           `);
  506.         },
  507.         /**
  508.          * 添加前往评论的按钮，在返回顶部的下面
  509.          */
  510.         addGotoRecommandButton() {
  511.           log.info("添加前往评论的按钮，在返回顶部的上面");
  512.           let gotoRecommandNode = document.createElement("a");
  513.           gotoRecommandNode.className = "option-box";
  514.           gotoRecommandNode.setAttribute("data-type", "gorecommand");
  515.           gotoRecommandNode.innerHTML = `<span class="show-txt" style="display:flex;opacity:100;">前往<br>评论</span>`;
  516.           gotoRecommandNode.addEventListener("click", function () {
  517.             let toolbarBoxElement = document.querySelector("#toolBarBox");
  518.             if (!toolbarBoxElement.getClientRects().length) {
  519.               log.error("评论区处于隐藏状态");
  520.               return;
  521.             }
  522.             log.info("滚动到评论");
  523.             let toolbarBoxOffsetTop =
  524.               toolbarBoxElement.getBoundingClientRect().top + window.scrollY;
  525.             let csdnToolBarElement = document.querySelector("#csdn-toolbar");
  526.             let csdnToolBarStyles = window.getComputedStyle(csdnToolBarElement);
  527.             let csdnToolBarHeight =
  528.               csdnToolBarElement.clientHeight -
  529.               parseFloat(csdnToolBarStyles.paddingTop) -
  530.               parseFloat(csdnToolBarStyles.paddingBottom);
  531.             window.scrollTo({
  532.               top: toolbarBoxOffsetTop - csdnToolBarHeight - 8,
  533.               left: 0,
  534.               behavior: "smooth",
  535.             });
  536.           });
  537.           utils.waitNode(".csdn-side-toolbar").then(() => {
  538.             let targetElement = document.querySelector(
  539.               ".csdn-side-toolbar a:nth-last-child(2)"
  540.             );
  541.             targetElement.parentElement.insertBefore(
  542.               gotoRecommandNode,
  543.               targetElement.nextSibling
  544.             );
  545.           });
  546.         },
  547.         /**
  548.          * 屏蔽登录弹窗
  549.          */
  550.         shieldLoginDialog() {
  551.           log.info("屏蔽登录弹窗");
  552.           GM_addStyle(`.passport-login-container{display: none !important;}`);
  553.         },
  554.         /**
  555.          * 自动展开内容块
  556.          */
  557.         autoExpandContent() {
  558.           log.info("自动展开内容块");
  559.           GM_addStyle(`
  560.             pre.set-code-hide{height: auto !important;}
  561.             pre.set-code-hide .hide-preCode-box{display: none !important;}
  562.           `);
  563.         },
  564.         /**
  565.          * 屏蔽右侧工具栏
  566.          */
  567.         shieldRightToolbar() {
  568.           log.info("屏蔽右侧工具栏");
  569.           GM_addStyle(`div.csdn-side-toolbar{display: none !important;}`);
  570.         },
  571.         /**
  572.          * 屏蔽底部推荐文章
  573.          */
  574.         csdnShieldBottomRecommendArticle() {
  575.           log.info("屏蔽底部推荐文章");
  576.           GM_addStyle(`main > div.recommend-box {display: none !important;}`);
  577.         },
  578.         /**
  579.          * 屏蔽底部xx技能树
  580.          */
  581.         csdnShieldBottomSkillTree() {
  582.           GM_addStyle(`#treeSkill{display: none !important;}`);
  583.         },
  584.         /**
  585.          * 屏蔽底部悬浮工具栏
  586.          */
  587.         csdnShieldBottomFloatingToolbar() {
  588.           log.info("屏蔽底部悬浮工具栏");
  589.           GM_addStyle(`#toolBarBox{display: none !important;}`);
  590.         },
  591.         /**
  592.          * 屏蔽左侧博客信息
  593.          */
  594.         shieldLeftBlogContainerAside() {
  595.           log.success("【屏蔽】左侧博客信息");
  596.           GM_addStyle(`aside.blog_container_aside{display: none !important;}`);
  597.         },
  598.         /**
  599.          * 【屏蔽】右侧目录信息
  600.          */
  601.         shieldRightDirectoryInformation() {
  602.           log.success("【屏蔽】右侧目录信息");
  603.           GM_addStyle(`
  604.           #rightAsideConcision,
  605.           #rightAside{
  606.             display: none !important;
  607.           }
  608.           `);
  609.         },
  610.         /**
  611.          * 屏蔽顶部Toolbar
  612.          */
  613.         shieldTopToolbar() {
  614.           GM_addStyle(`#toolbarBox{display: none !important;}`);
  615.         },
  616.         /**
  617.          * 屏蔽文章内的选中搜索悬浮提示
  618.          */
  619.         shieldArticleSearchTip() {
  620.           GM_addStyle(`#articleSearchTip{display: none !important;}`);
  621.         },
  622.         /**
  623.          * 去除CSDN拦截其它网址的url并自动跳转
  624.          */
  625.         jumpRedirect() {
  626.           /* https://link.csdn.net/?target=https%3A%2F%2Fjaist.dl.sourceforge.net%2Fproject%2Fportecle%2Fv1.11%2Fportecle-1.11.zip */
  627.           if (
  628.             window.location.hostname === "link.csdn.net" &&
  629.             window.location.search.startsWith("?target")
  630.           ) {
  631.             /* 禁止CSDN拦截跳转 */
  632.             window.stop();
  633.             let search = window.location.search.replace(/^\?target=/gi, "");
  634.             search = decodeURIComponent(search);
  635.             let newURL = search;
  636.             log.success(`跳转链接 ${newURL}`);
  637.             window.location.href = newURL;
  638.           }
  639.         },
  640.         /**
  641.          * C知道
  642.          */
  643.         cKnow() {
  644.           if (!window.location.href.startsWith("https://so.csdn.net/so/ai")) {
  645.             return;
  646.           }
  647.           GM_addStyle(`
  648.             div.username_mask_cover{
  649.               background-image: none !important;
  650.             }
  651.           `);
  652.         },
  653.         /**
  654.          * 初始化右侧工具栏的偏移（top、right）
  655.          */
  656.         initRightToolbarOffset() {
  657.           GM_addStyle(`
  658.           .csdn-side-toolbar{
  659.             left: unset !important;
  660.           }
  661.           `);
  662.           utils.waitNode(".csdn-side-toolbar").then((element) => {
  663.             DOMUtils.css(element, {
  664.               top:
  665.                 parseInt(PopsPanel.getValue("csdn_pc_rightToolbarTopOffset")) +
  666.                 "px",
  667.               right:
  668.                 parseInt(
  669.                   PopsPanel.getValue("csdn_pc_rightToolbarRightOffset")
  670.                 ) + "px",
  671.             });
  672.           });
  673.         },
  674.       },
  675.       Mobile: {
  676.         /**
  677.          * 初始化
  678.          */
  679.         init() {
  680.           this.addCSS();
  681.           PopsPanel.execMenu("csdn_mobile_shieldTopToolbar", () => {
  682.             this.shieldTopToolbar();
  683.           });
  684.           PopsPanel.execMenu("CSDNAutoJumpRedirect_Mobile", () => {
  685.             CSDN.blog.PC.jumpRedirect();
  686.           });
  687.           PopsPanel.execMenu("csdn_mobile_cknow", () => {
  688.             this.cKnow();
  689.           });
  690.           PopsPanel.execMenu("csdn_mobile_blockBottomArticle", () => {
  691.             this.blockBottomArticle();
  692.           });
  693.           PopsPanel.execMenu("csdn_mobile_blockComment", () => {
  694.             this.blockComment();
  695.           });
  696.           DOMUtils.ready(() => {
  697.             PopsPanel.execMenu("csdn_mobile_removeAds", () => {
  698.               this.removeAds();
  699.             });
  700.             PopsPanel.execMenu("csdn_mobile_refactoringRecommendation", () => {
  701.               this.refactoringRecommendation();
  702.             });
  703.             PopsPanel.execMenu("csdn_mobile_unBlockCopy", () => {
  704.               CSDN.blog.PC.unBlockCopy();
  705.             });
  706.           });
  707.         },
  708.         getDefaultShieldCSS() {
  709.           return `
  710. #operate,.feed-Sign-span,
  711. .view_comment_box,
  712. .weixin-shadowbox.wap-shadowbox,
  713. .feed-Sign-span,
  714. .user-desc.user-desc-fix,
  715. .comment_read_more_box,
  716. #content_views pre.set-code-hide .hide-preCode-box,
  717. /* 登录弹窗 */
  718. .passport-login-container,
  719. .hljs-button[data-title='登录后复制'],
  720. .article-show-more,
  721. #treeSkill,
  722. div.btn_open_app_prompt_div,
  723. div.readall_box,
  724. div.aside-header-fixed,
  725. div.feed-Sign-weixin,
  726. div.ios-shadowbox{
  727.   display:none !important;
  728. }`;
  729.         },
  730.         addCSS() {
  731.           let shieldCSS = PopsPanel.getValue(
  732.             `csdn-mobile-shield-css`,
  733.             this.getDefaultShieldCSS()
  734.           );
  735.           GM_addStyle(shieldCSS);
  736.           GM_addStyle(`
  737.           #mainBox{
  738.             width: auto;
  739.           }
  740.           .user-desc.user-desc-fix{
  741.             height: auto  !important;
  742.             overflow: auto !important;
  743.           }
  744.           .component-box .praise {
  745.             background: #ff5722;
  746.             border-radius: 5px;
  747.             padding: 0px 8px;
  748.             height: auto;
  749.                   
  750.           }
  751.           .component-box .praise,.component-box .share {
  752.             color: #fff;
  753.           }
  754.           .component-box a {
  755.             display: inline-block;
  756.             font-size:xx-small;
  757.           }
  758.           .component-box {
  759.             display: inline;
  760.             margin: 0;
  761.             position: relative;
  762.             white-space:nowrap;
  763.           }
  764.           .csdn-edu-title{
  765.             background: #4d6de1;
  766.             border-radius: 5px;
  767.             padding: 0px 8px;
  768.             height: auto;
  769.             color: #fff !important;
  770.           }
  771.           #comment{
  772.             max-height: none !important;
  773.           }
  774.           #content_views,
  775.           #content_views pre,
  776.           #content_views pre code{
  777.             webkit-touch-callout: text !important;
  778.             -webkit-user-select: text !important;
  779.             -khtml-user-select: text !important;
  780.             -moz-user-select: text !important;
  781.             -ms-user-select: text !important;
  782.             user-select: text !important;
  783.           }
  784.           #content_views pre.set-code-hide,
  785.           .article_content{
  786.             height: 100% !important;
  787.             overflow: auto !important;
  788.           }`);
  789.           GM_addStyle(`
  790.           .GM-csdn-dl{
  791.             padding: .24rem .32rem;
  792.             width: 100%;
  793.             justify-content: space-between;
  794.             -webkit-box-pack: justify;
  795.             border-bottom: 1px solid #F5F6F7!important;
  796.           }
  797.           .GM-csdn-title{
  798.             font-size: .3rem;
  799.             color: #222226;
  800.             letter-spacing: 0;
  801.             line-height: .44rem;
  802.             font-weight: 600;
  803.             //max-height: .88rem;
  804.             word-break: break-all;
  805.             overflow: hidden;
  806.             display: -webkit-box;
  807.             -webkit-box-orient: vertical;
  808.             -webkit-line-clamp: 2
  809.           }
  810.           .GM-csdn-title a{
  811.             word-break: break-all;
  812.             color: #222226;
  813.             font-weight: 600;
  814.           }
  815.           .GM-csdn-title em,.GM-csdn-content em{
  816.             font-style: normal;
  817.             color: #fc5531
  818.           }
  819.           .GM-csdn-content{
  820.             //max-width: 5.58rem;
  821.             overflow: hidden;
  822.             text-overflow: ellipsis;
  823.             display: -webkit-box;
  824.             -webkit-line-clamp: 1;
  825.             -webkit-box-orient: vertical;
  826.             color: #555666;
  827.             font-size: .24rem;
  828.             line-height: .34rem;
  829.             max-height: .34rem;
  830.             word-break: break-all;
  831.             -webkit-box-flex: 1;
  832.             -ms-flex: 1;
  833.             flex: 1;
  834.             margin-top: .16rem;
  835.           }
  836.           .GM-csdn-img img{
  837.             width: 2.18rem;
  838.             height: 1.58rem;
  839.             //margin-left: .16rem
  840.           }`);
  841.         },
  842.         /**
  843.          * 屏蔽顶部Toolbar
  844.          */
  845.         shieldTopToolbar() {
  846.           GM_addStyle(`
  847.           #csdn-toolbar{
  848.             display: none !important;
  849.           }
  850.           /* 内容顶部要归位 */
  851.           body #main,
  852.           .margin_sides{
  853.             margin-top: unset !important;
  854.             padding-top: unset !important;
  855.           }
  856.           #article .article_title{
  857.             margin-top: .32rem !important;
  858.             padding-top: unset !important;
  859.           }
  860.           `);
  861.         },
  862.         /**
  863.          * 重构底部推荐
  864.          */
  865.         refactoringRecommendation() {
  866.           function refactoring() {
  867.             /* 反复执行的重构函数 */
  868.             log.success("重构底部推荐");
  869.             document.querySelectorAll(".container-fluid").forEach((item) => {
  870.               /* 链接 */
  871.               let url = "";
  872.               /* 标题 */
  873.               let title = "";
  874.               /* 内容 */
  875.               let content = "";
  876.               /* 图片 */
  877.               let img = "";
  878.               /* 判断是否是CSDN资源下载 */
  879.               let isCSDNDownload = false;
  880.               /* 判断是否是CSDN-学院资源下载 */
  881.               let isCSDNEduDownload = false;
  882.               if (item.hasAttribute("data-url")) {
  883.                 /* 存在真正的URL */
  884.                 url = item.getAttribute("data-url");
  885.                 title = item.querySelector(
  886.                   ".recommend_title div.left"
  887.                 ).innerHTML;
  888.                 content = item.querySelector(".text").innerHTML;
  889.                 if (item.querySelectorAll(".recommend-img").length) {
  890.                   /* 如果有图片就加进去 */
  891.                   item.querySelectorAll(".recommend-img").forEach((item2) => {
  892.                     img += item2.innerHTML;
  893.                   });
  894.                 }
  895.               } else {
  896.                 log.info("节点上无data-url");
  897.                 url = item.querySelector("a[data-type]").getAttribute("href");
  898.                 title = item.querySelector(
  899.                   ".recommend_title div.left"
  900.                 ).innerHTML;
  901.                 content = item.querySelector(".text").innerHTML;
  902.               }
  903.               var _URL_ = new URL(url);
  904.               if (
  905.                 _URL_.host === "download.csdn.net" ||
  906.                 (_URL_.host === "www.iteye.com" &&
  907.                   _URL_.pathname.match(/^\/resource/gi))
  908.               ) {
  909.                 /* 该链接为csdn资源下载 */
  910.                 log.info("该链接为csdn资源下载");
  911.                 isCSDNDownload = true;
  912.                 title =
  913.                   `<div class="component-box"><a class="praise" href="javascript:;">CSDN下载</a></div>` +
  914.                   title;
  915.               } else if (_URL_.origin.match(/edu.csdn.net/gi)) {
  916.                 /* 该链接为csdn学院下载 */
  917.                 isCSDNEduDownload = true;
  918.                 log.info("该链接为csdn学院下载");
  919.                 title =
  920.                   `<div class="component-box"><a class="csdn-edu-title" href="javascript:;">CSDN学院</a></div>` +
  921.                   title;
  922.               }
  923.               item.setAttribute("class", "GM-csdn-dl");
  924.               item.setAttribute("data-url", url);
  925.               item.innerHTML = `<div class="GM-csdn-title"><div class="left">${title}</div></div><div class="GM-csdn-content">${content}</div><div class="GM-csdn-img">${img}</div>`;
  926.               item.addEventListener("click", function () {
  927.                 if (PopsPanel.getValue("openNewTab")) {
  928.                   window.open(url, "_blank");
  929.                 } else {
  930.                   window.location.href = url;
  931.                 }
  932.               });
  933.               if (
  934.                 (isCSDNDownload || isCSDNEduDownload) &&
  935.                 PopsPanel.getValue("removeCSDNDownloadMobile")
  936.               ) {
  937.                 item.remove();
  938.               }
  939.             });
  940.           }
  941.           let lockFunction = new utils.LockFunction(refactoring, this, 50);
  942.           utils.waitNode("#recommend").then((element) => {
  943.             lockFunction.run();
  944.             utils.mutationObserver(element, {
  945.               callback: lockFunction.run,
  946.               config: { childList: true, subtree: true, attributes: true },
  947.             });
  948.           });
  949.         },
  950.         /**
  951.          * 屏蔽底部文章
  952.          */
  953.         blockBottomArticle() {
  954.           GM_addStyle("#recommend{display:none !important;}");
  955.         },
  956.         /**
  957.          * 屏蔽评论
  958.          */
  959.         blockComment() {
  960.           GM_addStyle("#comment{display:none !important;}");
  961.         },
  962.         /**
  963.          * 去除广告
  964.          */
  965.         removeAds() {
  966.           log.info("去除广告");
  967.           /* 登录窗口 */
  968.           waitForElementToRemove(".passport-login-container");
  969.           /* 打开APP */
  970.           waitForElementToRemove(
  971.             ".btn_open_app_prompt_box.detail-open-removed"
  972.           );
  973.           /* 广告 */
  974.           waitForElementToRemove(".add-firstAd");
  975.           /* 打开CSDN APP 小程序看全文 */
  976.           waitForElementToRemove("div.feed-Sign-weixin");
  977.           /* ios版本提示 */
  978.           waitForElementToRemove("div.ios-shadowbox");
  979.         },
  980.         /**
  981.          * C知道
  982.          */
  983.         cKnow() {
  984.           if (!window.location.href.startsWith("https://so.csdn.net/so/ai")) {
  985.             return;
  986.           }
  987.           GM_addStyle(`
  988.             div.username_mask_cover{
  989.               background-image: none !important;
  990.             }
  991.           `);
  992.         },
  993.       },
  994.       /**
  995.        * 函数入口
  996.        */
  997.       init() {
  998.         if (utils.isPhone()) {
  999.           log.success("移动端模式");
  1000.           this.Mobile.init();
  1001.         } else {
  1002.           log.success("桌面端模式");
  1003.           this.PC.init();
  1004.         }
  1005.       },
  1006.     },
  1007.     blogHuaWei: {
  1008.       /**
  1009.        * 判断是否是CSDN
  1010.        */
  1011.       isBlogRouter() {
  1012.         return Boolean(/huaweicloud.csdn.net/i.test(window.location.origin));
  1013.       },
  1014.       PC: {
  1015.         /**
  1016.          * 初始化
  1017.          */
  1018.         init() {
  1019.           this.addCSS();
  1020.           if (
  1021.             PopsPanel.getValue(
  1022.               "huaweiCSDNShieldCloudDeveloperTaskChallengeEvent"
  1023.             )
  1024.           ) {
  1025.             this.huaweiCSDNShieldCloudDeveloperTaskChallengeEvent();
  1026.           }
  1027.           if (PopsPanel.getValue("huaweiCSDNShieldLeftFloatingButton")) {
  1028.             this.huaweiCSDNShieldLeftFloatingButton();
  1029.           }
  1030.           if (PopsPanel.getValue("huaweiCSDNBlockRightColumn")) {
  1031.             this.huaweiCSDNBlockRightColumn();
  1032.           }
  1033.           if (
  1034.             PopsPanel.getValue("huaweiCSDNBlockRecommendedContentAtTheBottom")
  1035.           ) {
  1036.             this.huaweiCSDNBlockRecommendedContentAtTheBottom();
  1037.           }
  1038.           if (
  1039.             PopsPanel.getValue(
  1040.               "huaweiCSDNShieldTheBottomForMoreRecommendations"
  1041.             )
  1042.           ) {
  1043.             this.huaweiCSDNShieldTheBottomForMoreRecommendations();
  1044.           }
  1045.         },
  1046.         getDefaultShieldCSS() {
  1047.           return `
  1048. /* 底部免费抽xxx奖品广告 */
  1049. div.siderbar-box,
  1050. /* 华为开发者联盟加入社区 */
  1051. div.user-desc.user-desc-fix,
  1052. /* 点击阅读全文 */
  1053. div.article-show-more{
  1054.   display: none !important;
  1055. }`;
  1056.         },
  1057.         addCSS() {
  1058.           let shieldCSS = PopsPanel.getValue(
  1059.             `csdn-blog-huawei-shield-css`,
  1060.             this.getDefaultShieldCSS()
  1061.           );
  1062.           GM_addStyle(shieldCSS);
  1063.           GM_addStyle(`
  1064.           /* 自动展开全文 */
  1065.           .main-content .user-article{
  1066.             height: auto !important;
  1067.             overflow: auto !important;
  1068.           }
  1069.           `);
  1070.         },
  1071.         /**
  1072.          * 屏蔽云开发者任务挑战活动
  1073.          */
  1074.         huaweiCSDNShieldCloudDeveloperTaskChallengeEvent() {
  1075.           let GM_cookie = new utils.GM_Cookie();
  1076.           GM_cookie.set({ name: "show_join_group_index", value: 1 });
  1077.           log.success("屏蔽云开发者任务挑战活动");
  1078.         },
  1079.         /**
  1080.          * 屏蔽左侧悬浮按钮
  1081.          */
  1082.         huaweiCSDNShieldLeftFloatingButton() {
  1083.           log.success(
  1084.             "屏蔽左侧悬浮按钮，包括当前阅读量、点赞按钮、评论按钮、分享按钮"
  1085.           );
  1086.           GM_addStyle(`
  1087.           div.toolbar-wrapper.article-interact-bar{
  1088.             display: none !important;
  1089.           }`);
  1090.         },
  1091.         /**
  1092.          * 屏蔽右侧栏
  1093.          */
  1094.         huaweiCSDNBlockRightColumn() {
  1095.           log.success("屏蔽右侧栏，包括相关产品-活动日历-运营活动-热门标签");
  1096.           GM_addStyle(`
  1097.           div.page-home-right.dp-aside-right{
  1098.             display: none !important;
  1099.           }
  1100.           `);
  1101.         },
  1102.         /**
  1103.          * 屏蔽底部推荐内容
  1104.          */
  1105.         huaweiCSDNBlockRecommendedContentAtTheBottom() {
  1106.           log.success("屏蔽底部推荐内容");
  1107.           GM_addStyle(`
  1108.           div.recommend-card-box{
  1109.             display: none !important;
  1110.           }`);
  1111.         },
  1112.         /**
  1113.          * 屏蔽底部更多推荐
  1114.          */
  1115.         huaweiCSDNShieldTheBottomForMoreRecommendations() {
  1116.           log.success("屏蔽底部更多推荐");
  1117.           GM_addStyle(`
  1118.           div.more-article{
  1119.             display: none !important;
  1120.           }`);
  1121.         },
  1122.       },
  1123.     },
  1124.     wenku: {
  1125.       isWenKuRouter() {
  1126.         return Boolean(/wenku.csdn.net/i.test(window.location.origin));
  1127.       },
  1128.       PC: {
  1129.         init() {
  1130.           this.addCSS();
  1131.           if (PopsPanel.getValue("wenku_shieldResourceRecommend")) {
  1132.             this.shieldResourceRecommend();
  1133.           }
  1134.           if (PopsPanel.getValue("wenku_shieldRightUserInfo")) {
  1135.             this.shieldRightUserInfo();
  1136.           }
  1137.           if (PopsPanel.getValue("wenku_shieldRightToolBar")) {
  1138.             this.shieldRightToolBar();
  1139.           }
  1140.         },
  1141.         getDefaultShieldCSS() {
  1142.           return ``;
  1143.         },
  1144.         addCSS() {
  1145.           let shieldCSS = PopsPanel.getValue(
  1146.             "csdn-wenku-shield-css",
  1147.             this.getDefaultShieldCSS()
  1148.           );
  1149.           GM_addStyle(shieldCSS);
  1150.         },
  1151.         /**
  1152.          * 【屏蔽】资源推荐
  1153.          */
  1154.         shieldResourceRecommend() {
  1155.           GM_addStyle(`#recommend{display:none !important;}`);
  1156.         },
  1157.         /**
  1158.          * 【屏蔽】右侧用户信息
  1159.          */
  1160.         shieldRightUserInfo() {
  1161.           GM_addStyle(`.layout-right{display:none !important;}`);
  1162.         },
  1163.         /**
  1164.          * 【屏蔽】右侧悬浮工具栏
  1165.          */
  1166.         shieldRightToolBar() {
  1167.           GM_addStyle(`.csdn-side-toolbar {display:none !important;}`);
  1168.         },
  1169.       },
  1170.     },
  1171.   };
  1172.  
  1173.   /**
  1174.    * 配置面板
  1175.    */
  1176.   const PopsPanel = {
  1177.     /** 数据 */
  1178.     $data: {
  1179.       /**
  1180.        * 菜单项的默认值
  1181.        * @type {UtilsDictionaryConstructor<string,any>}
  1182.        */
  1183.       data: new utils.Dictionary(),
  1184.       /** 脚本名，一般用在设置的标题上 */
  1185.       scriptName: GM_info?.script?.name || "",
  1186.       /** 菜单项的总值在本地数据配置的键名 */
  1187.       key: "GM_Panel",
  1188.       /** 菜单项在attributes上配置的菜单键 */
  1189.       attributeKeyName: "data-key",
  1190.       /** 菜单项在attributes上配置的菜单默认值 */
  1191.       attributeDefaultValueName: "data-default-value",
  1192.     },
  1193.     /** 监听器 */
  1194.     $listener: {
  1195.       /**
  1196.        * 值改变的监听器
  1197.        * @type {UtilsDictionaryConstructor<string,{
  1198.        *  id: number,
  1199.        *  key: string,
  1200.        *  callback: Function
  1201.        * }>}
  1202.        */
  1203.       listenData: new utils.Dictionary(),
  1204.     },
  1205.     /** 初始化 */
  1206.     init() {
  1207.       this.initPanelDefaultValue();
  1208.       this.initExtensionsMenu();
  1209.     },
  1210.     /**
  1211.      * 初始化菜单
  1212.      */
  1213.     initExtensionsMenu() {
  1214.       if (unsafeWindow.top !== unsafeWindow.self) {
  1215.         return;
  1216.       }
  1217.       GM_Menu.add([
  1218.         {
  1219.           key: "show_pops_panel_setting",
  1220.           text: "⚙ 设置",
  1221.           autoReload: false,
  1222.           isStoreValue: false,
  1223.           showText(text) {
  1224.             return text;
  1225.           },
  1226.           callback: () => {
  1227.             this.showPanel();
  1228.           },
  1229.         },
  1230.         {
  1231.           key: "gotoCSDNCKnow",
  1232.           text: "⚙ 前往C知道",
  1233.           autoReload: false,
  1234.           showText(text) {
  1235.             return text;
  1236.           },
  1237.           callback() {
  1238.             window.open("https://so.csdn.net/so/ai?", "_blank");
  1239.           },
  1240.         },
  1241.       ]);
  1242.     },
  1243.     /**
  1244.      * 初始化本地设置默认的值
  1245.      */
  1246.     initPanelDefaultValue() {
  1247.       let that = this;
  1248.       /**
  1249.        * 设置默认值
  1250.        * @param {PopsPanelFormsTotalDetails|PopsPanelFormsDetails} config
  1251.        */
  1252.       function initDefaultValue(config) {
  1253.         if (!config["attributes"]) {
  1254.           /* 必须配置attributes属性，用于存储菜单的键和默认值 */
  1255.           return;
  1256.         }
  1257.         /* 获取键名 */
  1258.         let key = config["attributes"][that.$data.attributeKeyName];
  1259.         /* 获取默认值 */
  1260.         let defaultValue =
  1261.           config["attributes"][that.$data.attributeDefaultValueName];
  1262.         if (key == null) {
  1263.           console.warn("请先配置键", config);
  1264.           return;
  1265.         }
  1266.         /* 存储到内存中 */
  1267.         if (that.$data.data.has(key)) {
  1268.           console.warn("请检查该key(已存在): " + key);
  1269.         }
  1270.         that.$data.data.set(key, defaultValue);
  1271.       }
  1272.       let contentConfigList = this.getPanelContentConfig();
  1273.       for (let index = 0; index < contentConfigList.length; index++) {
  1274.         let leftContentConfigItem = contentConfigList[index];
  1275.         if (!leftContentConfigItem["forms"]) {
  1276.           /* 不存在forms */
  1277.           continue;
  1278.         }
  1279.         let rightContentConfigList = leftContentConfigItem["forms"];
  1280.         for (
  1281.           let formItemIndex = 0;
  1282.           formItemIndex < rightContentConfigList.length;
  1283.           formItemIndex++
  1284.         ) {
  1285.           let rightContentConfigItem = rightContentConfigList[formItemIndex];
  1286.           let childFormConfigList = rightContentConfigItem["forms"];
  1287.           if (childFormConfigList) {
  1288.             /* 该项是右侧区域-容器项的子项的配置 */
  1289.             for (
  1290.               let formChildConfigIndex = 0;
  1291.               formChildConfigIndex < childFormConfigList.length;
  1292.               formChildConfigIndex++
  1293.             ) {
  1294.               initDefaultValue(childFormConfigList[formChildConfigIndex]);
  1295.             }
  1296.           } else {
  1297.             /* 该项是右侧区域-容器项的配置 */
  1298.             initDefaultValue(rightContentConfigItem);
  1299.           }
  1300.         }
  1301.       }
  1302.     },
  1303.     /**
  1304.      * 自动判断菜单是否启用，然后执行回调
  1305.      * @param {string} key
  1306.      * @param {Function} callback 回调
  1307.      */
  1308.     execMenu(key, callback) {
  1309.       if (typeof key !== "string") {
  1310.         throw new TypeError("key 必须是字符串");
  1311.       }
  1312.       if (PopsPanel.getValue(key)) {
  1313.         callback();
  1314.       }
  1315.     },
  1316.     /**
  1317.      * 设置值
  1318.      * @param {string} key 键
  1319.      * @param {any} value 值
  1320.      */
  1321.     setValue(key, value) {
  1322.       let locaData = GM_getValue(this.$data.key, {});
  1323.       let oldValue = locaData[key];
  1324.       locaData[key] = value;
  1325.       GM_setValue(this.$data.key, locaData);
  1326.       if (this.$listener.listenData.has(key)) {
  1327.         this.$listener.listenData.get(key).callback(key, oldValue, value);
  1328.       }
  1329.     },
  1330.     /**
  1331.      * 获取值
  1332.      * @param {string} key 键
  1333.      * @param {boolean} defaultValue 默认值
  1334.      * @returns {any}
  1335.      */
  1336.     getValue(key, defaultValue) {
  1337.       let locaData = GM_getValue(this.$data.key, {});
  1338.       let localValue = locaData[key];
  1339.       if (localValue == null) {
  1340.         /* 值不存在或值为null/undefined或只有键但无值 */
  1341.         if (this.$data.data.has(key)) {
  1342.           /* 先判断是否是菜单配置的键 */
  1343.           /* 是的话取出值并返回 */
  1344.           return this.$data.data.get(key);
  1345.         }
  1346.         return defaultValue;
  1347.       }
  1348.       return localValue;
  1349.     },
  1350.     /**
  1351.      * 删除值
  1352.      * @param {string} key 键
  1353.      */
  1354.     deleteValue(key) {
  1355.       let locaData = GM_getValue(this.$data.key, {});
  1356.       let oldValue = locaData[key];
  1357.       Reflect.deleteProperty(locaData, key);
  1358.       GM_setValue(this.$data.key, locaData);
  1359.       if (this.$listener.listenData.has(key)) {
  1360.         this.$listener.listenData.get(key).callback(key, oldValue, void 0);
  1361.       }
  1362.     },
  1363.     /**
  1364.      * 监听调用setValue、deleteValue
  1365.      * @param {string} key 需要监听的键
  1366.      * @param {(key: string,oldValue: any,newValue: any)=>void} callback
  1367.      */
  1368.     addValueChangeListener(key, callback) {
  1369.       let listenerId = Math.random();
  1370.       this.$listener.listenData.set(key, {
  1371.         id: listenerId,
  1372.         key,
  1373.         callback,
  1374.       });
  1375.       return listenerId;
  1376.     },
  1377.     /**
  1378.      * 移除监听
  1379.      * @param {number} listenerId 监听的id
  1380.      */
  1381.     removeValueChangeListener(listenerId) {
  1382.       let deleteKey = null;
  1383.       for (const [key, value] of this.$listener.listenData.entries()) {
  1384.         if (value.id === listenerId) {
  1385.           break;
  1386.         }
  1387.       }
  1388.       this.$listener.listenData.delete(deleteKey);
  1389.     },
  1390.     /**
  1391.      * 显示设置面板
  1392.      */
  1393.     showPanel() {
  1394.       pops.panel({
  1395.         title: {
  1396.           text: `${GM_info?.script?.name || "CSDN优化"}-设置`,
  1397.           position: "center",
  1398.         },
  1399.         content: this.getPanelContentConfig(),
  1400.         mask: {
  1401.           enable: true,
  1402.           clickEvent: {
  1403.             toClose: true,
  1404.           },
  1405.         },
  1406.         width: pops.isPhone() ? "92vw" : "800px",
  1407.         height: pops.isPhone() ? "80vh" : "600px",
  1408.         only: true,
  1409.         drag: true,
  1410.       });
  1411.     },
  1412.     /**
  1413.      * 获取按钮配置
  1414.      * @param {string} text 文字
  1415.      * @param {string} key 键
  1416.      * @param {boolean} defaultValue 默认值
  1417.      * @param {?(event:Event,value: boolean)=>boolean} _callback_ 点击回调
  1418.      * @param {string|undefined} description 描述
  1419.      */
  1420.     getSwtichDetail(text, key, defaultValue, _callback_, description) {
  1421.       /**
  1422.        * @type {PopsPanelSwitchDetails}
  1423.        */
  1424.       let result = {
  1425.         text: text,
  1426.         type: "switch",
  1427.         description: description,
  1428.         attributes: {},
  1429.         getValue() {
  1430.           return Boolean(PopsPanel.getValue(key, defaultValue));
  1431.         },
  1432.         callback(event, value) {
  1433.           log.success(`${value ? "开启" : "关闭"} ${text}`);
  1434.           if (typeof _callback_ === "function") {
  1435.             if (_callback_(event, value)) {
  1436.               return;
  1437.             }
  1438.           }
  1439.           PopsPanel.setValue(key, Boolean(value));
  1440.         },
  1441.       };
  1442.       result.attributes[this.$data.attributeKeyName] = key;
  1443.       result.attributes[this.$data.attributeDefaultValueName] =
  1444.         Boolean(defaultValue);
  1445.       return result;
  1446.     },
  1447.     /**
  1448.      * 获取自定义配置的规则的textarea
  1449.      * @returns {PopsPanelOwnDetails}
  1450.      */
  1451.     getOwnextAreaRule(text, key, defaultValue, className) {
  1452.       return {
  1453.         text: text,
  1454.         type: "forms",
  1455.         forms: [
  1456.           {
  1457.             type: "own",
  1458.             afterAddToUListCallBack(formConfig, rightContainerOptions) {
  1459.               DOMUtils.on(
  1460.                 rightContainerOptions.formHeaderDivElement.querySelector("a"),
  1461.                 "click",
  1462.                 void 0,
  1463.                 () => {
  1464.                   PopsPanel.deleteValue(key);
  1465.                   rightContainerOptions.ulElement.querySelector(
  1466.                     "textarea"
  1467.                   ).value = defaultValue;
  1468.                   Qmsg.success("已重置");
  1469.                 }
  1470.               );
  1471.             },
  1472.             getLiElementCallBack(liElement) {
  1473.               let $textAreaContainer = DOMUtils.createElement("div", {
  1474.                 className: `pops-panel-textarea ${className}`,
  1475.                 innerHTML: `
  1476.                   <style type="text/css">
  1477.                   .${className}{
  1478.                     width: 100%;
  1479.                   }
  1480.                   .${className} textarea{
  1481.                     min-height: 400px;
  1482.                     white-space: pre;
  1483.                     border-radius: 0 !important;
  1484.                   }
  1485.                   </style>
  1486.                   <textarea></textarea>
  1487.                   `,
  1488.               });
  1489.               let $textArea = $textAreaContainer.querySelector("textarea");
  1490.               $textArea.value = PopsPanel.getValue(key, defaultValue);
  1491.               liElement.appendChild($textAreaContainer);
  1492.               DOMUtils.on(
  1493.                 $textArea,
  1494.                 "input propertychange",
  1495.                 void 0,
  1496.                 utils.debounce(() => {
  1497.                   PopsPanel.setValue(key, $textArea.value);
  1498.                 }, 100)
  1499.               );
  1500.               return liElement;
  1501.             },
  1502.           },
  1503.         ],
  1504.       };
  1505.     },
  1506.     /**
  1507.      * 获取配置内容
  1508.      * @returns {PopsPanelContentConfig[]}
  1509.      */
  1510.     getPanelContentConfig() {
  1511.       return [
  1512.         {
  1513.           id: "csdn-panel-config-pc",
  1514.           title: "博客",
  1515.           forms: [
  1516.             {
  1517.               text: "屏蔽",
  1518.               type: "forms",
  1519.               forms: [
  1520.                 PopsPanel.getSwtichDetail(
  1521.                   "【屏蔽】登录弹窗",
  1522.                   "shieldLoginDialog",
  1523.                   true
  1524.                 ),
  1525.                 PopsPanel.getSwtichDetail(
  1526.                   "【屏蔽】底部文章",
  1527.                   "csdnShieldBottomRecommendArticle",
  1528.                   false
  1529.                 ),
  1530.                 PopsPanel.getSwtichDetail(
  1531.                   "【屏蔽】底部xx技能树",
  1532.                   "csdnShieldBottomSkillTree",
  1533.                   false
  1534.                 ),
  1535.                 PopsPanel.getSwtichDetail(
  1536.                   "【屏蔽】底部文章中的CSDN下载文章",
  1537.                   "removeCSDNDownloadPC",
  1538.                   false
  1539.                 ),
  1540.                 PopsPanel.getSwtichDetail(
  1541.                   "【屏蔽】左侧博客信息",
  1542.                   "csdn_pc_shieldLeftBlogContainerAside",
  1543.                   false
  1544.                 ),
  1545.                 PopsPanel.getSwtichDetail(
  1546.                   "【屏蔽】右侧目录信息",
  1547.                   "csdn_pc_shieldRightDirectoryInformation",
  1548.                   false
  1549.                 ),
  1550.                 PopsPanel.getSwtichDetail(
  1551.                   "【屏蔽】右侧工具栏",
  1552.                   "csdnShieldfloatingButton",
  1553.                   false
  1554.                 ),
  1555.                 PopsPanel.getSwtichDetail(
  1556.                   "【屏蔽】顶部工具栏",
  1557.                   "csdn_pc_shieldTopToolbar",
  1558.                   false
  1559.                 ),
  1560.                 PopsPanel.getSwtichDetail(
  1561.                   "【屏蔽】搜索悬浮工具栏",
  1562.                   "csdn_pc_shieldArticleSearchTip",
  1563.                   false,
  1564.                   void 0,
  1565.                   "选中文字弹出的，例如：搜索、评论、笔记"
  1566.                 ),
  1567.                 PopsPanel.getSwtichDetail(
  1568.                   "【屏蔽】底部的悬浮工具栏",
  1569.                   "csdnShieldBottomFloatingToolbar",
  1570.                   false
  1571.                 ),
  1572.                 PopsPanel.getSwtichDetail(
  1573.                   "【屏蔽】C知道的背景水印",
  1574.                   "csdn_pc_cknow",
  1575.                   false
  1576.                 ),
  1577.               ],
  1578.             },
  1579.             {
  1580.               text: "功能",
  1581.               type: "forms",
  1582.               forms: [
  1583.                 {
  1584.                   text: "右侧工具栏的right偏移",
  1585.                   type: "slider",
  1586.                   attributes: {
  1587.                     "data-key": "csdn_pc_rightToolbarRightOffset",
  1588.                     "data-default-value": 90,
  1589.                   },
  1590.                   getValue() {
  1591.                     return PopsPanel.getValue(
  1592.                       this.attributes["data-key"],
  1593.                       this.attributes["data-default-value"]
  1594.                     );
  1595.                   },
  1596.                   getToolTipContent(value) {
  1597.                     return `当前：${value}px，默认：${this.attributes["data-default-value"]}px`;
  1598.                   },
  1599.                   callback(event, value) {
  1600.                     PopsPanel.setValue(this.attributes["data-key"], value);
  1601.                     let csdnSideToolbar =
  1602.                       document.querySelector(".csdn-side-toolbar");
  1603.                     DOMUtils.css(csdnSideToolbar, {
  1604.                       right: value + "px",
  1605.                     });
  1606.                   },
  1607.                   min: 0,
  1608.                   max: document.documentElement.clientWidth,
  1609.                 },
  1610.                 {
  1611.                   text: "右侧工具栏的top偏移",
  1612.                   type: "slider",
  1613.                   attributes: {
  1614.                     "data-key": "csdn_pc_rightToolbarTopOffset",
  1615.                     "data-default-value": 140,
  1616.                   },
  1617.                   getValue() {
  1618.                     return PopsPanel.getValue(
  1619.                       this.attributes["data-key"],
  1620.                       this.attributes["data-default-value"]
  1621.                     );
  1622.                   },
  1623.                   getToolTipContent(value) {
  1624.                     return `当前：${value}px，默认：${this.attributes["data-default-value"]}px`;
  1625.                   },
  1626.                   callback(event, value) {
  1627.                     PopsPanel.setValue(this.attributes["data-key"], value);
  1628.                     let csdnSideToolbar =
  1629.                       document.querySelector(".csdn-side-toolbar");
  1630.                     DOMUtils.css(csdnSideToolbar, {
  1631.                       top: value + "px",
  1632.                     });
  1633.                   },
  1634.                   min: 0,
  1635.                   max: document.documentElement.clientHeight,
  1636.                 },
  1637.                 PopsPanel.getSwtichDetail(
  1638.                   "全文居中",
  1639.                   "articleCenter",
  1640.                   true,
  1641.                   function (event, enable) {
  1642.                     if (enable) {
  1643.                       alert(
  1644.                         "为了更好的呈现效果，请开启功能：【屏蔽】左侧博客信息、【屏蔽】右侧目录信息"
  1645.                       );
  1646.                     }
  1647.                   }
  1648.                 ),
  1649.                 PopsPanel.getSwtichDetail(
  1650.                   "自动展开内容块",
  1651.                   "autoExpandContent",
  1652.                   false
  1653.                 ),
  1654.                 PopsPanel.getSwtichDetail(
  1655.                   "重定向链接",
  1656.                   "CSDNAutoJumpRedirect_PC",
  1657.                   true,
  1658.                   undefined,
  1659.                   "自动跳转CSDN拦截的Url链接"
  1660.                 ),
  1661.                 PopsPanel.getSwtichDetail(
  1662.                   "标识底部文章的CSDN下载",
  1663.                   "csdn_pc_identityCSDNDownload",
  1664.                   true
  1665.                 ),
  1666.                 PopsPanel.getSwtichDetail(
  1667.                   "优化评论的位置",
  1668.                   "csdn_pc_restoreComments",
  1669.                   true
  1670.                 ),
  1671.                 PopsPanel.getSwtichDetail(
  1672.                   "添加前往评论的按钮",
  1673.                   "csdn_pc_addGotoRecommandButton",
  1674.                   true
  1675.                 ),
  1676.               ],
  1677.             },
  1678.             {
  1679.               text: "劫持/拦截",
  1680.               type: "forms",
  1681.               forms: [
  1682.                 PopsPanel.getSwtichDetail(
  1683.                   "拦截-复制的小尾巴",
  1684.                   "csdn_pc_removeClipboardHijacking",
  1685.                   true
  1686.                 ),
  1687.                 PopsPanel.getSwtichDetail(
  1688.                   "劫持-禁止复制",
  1689.                   "csdn_pc_unBlockCopy",
  1690.                   true,
  1691.                   undefined,
  1692.                   "允许点击复制按钮进行复制"
  1693.                 ),
  1694.               ],
  1695.             },
  1696.             this.getOwnextAreaRule(
  1697.               "自定义屏蔽CSS，<a href='javascript:;'>点击重置</a>",
  1698.               "csdn-pc-shield-css",
  1699.               CSDN.blog.PC.getDefaultShieldCSS(),
  1700.               "csdn-pc-shield-css"
  1701.             ),
  1702.           ],
  1703.         },
  1704.         {
  1705.           id: "csdn-panel-config-mobile",
  1706.           title: "博客(移动端)",
  1707.           forms: [
  1708.             {
  1709.               text: "屏蔽",
  1710.               type: "forms",
  1711.               forms: [
  1712.                 PopsPanel.getSwtichDetail(
  1713.                   "【屏蔽】广告",
  1714.                   "csdn_mobile_removeAds",
  1715.                   true
  1716.                 ),
  1717.                 PopsPanel.getSwtichDetail(
  1718.                   "【屏蔽】底部的CSDN下载文章",
  1719.                   "removeCSDNDownloadMobile",
  1720.                   false
  1721.                 ),
  1722.                 PopsPanel.getSwtichDetail(
  1723.                   "【屏蔽】C知道的背景水印",
  1724.                   "csdn_mobile_cknow",
  1725.                   true
  1726.                 ),
  1727.                 PopsPanel.getSwtichDetail(
  1728.                   "【屏蔽】顶部Toolbar",
  1729.                   "csdn_mobile_shieldTopToolbar",
  1730.                   false
  1731.                 ),
  1732.               ],
  1733.             },
  1734.             {
  1735.               text: "底部文章",
  1736.               type: "forms",
  1737.               forms: [
  1738.                 PopsPanel.getSwtichDetail(
  1739.                   "屏蔽",
  1740.                   "csdn_mobile_blockBottomArticle",
  1741.                   false
  1742.                 ),
  1743.                 PopsPanel.getSwtichDetail(
  1744.                   "重构",
  1745.                   "csdn_mobile_refactoringRecommendation",
  1746.                   true
  1747.                 ),
  1748.                 PopsPanel.getSwtichDetail("新标签页打开", "openNewTab", true),
  1749.               ],
  1750.             },
  1751.             {
  1752.               text: "评论",
  1753.               type: "forms",
  1754.               forms: [
  1755.                 PopsPanel.getSwtichDetail(
  1756.                   "屏蔽",
  1757.                   "csdn_mobile_blockComment",
  1758.                   false
  1759.                 ),
  1760.               ],
  1761.             },
  1762.             {
  1763.               text: "功能",
  1764.               type: "forms",
  1765.               forms: [
  1766.                 PopsPanel.getSwtichDetail(
  1767.                   "重定向链接",
  1768.                   "CSDNAutoJumpRedirect_Mobile",
  1769.                   true,
  1770.                   undefined,
  1771.                   "自动跳转CSDN拦截的Url链接"
  1772.                 ),
  1773.               ],
  1774.             },
  1775.             {
  1776.               text: "劫持/拦截",
  1777.               type: "forms",
  1778.               forms: [
  1779.                 PopsPanel.getSwtichDetail(
  1780.                   "劫持-禁止复制",
  1781.                   "csdn_mobile_unBlockCopy",
  1782.                   true,
  1783.                   undefined,
  1784.                   "允许点击复制按钮进行复制"
  1785.                 ),
  1786.               ],
  1787.             },
  1788.             this.getOwnextAreaRule(
  1789.               "自定义屏蔽CSS，<a href='javascript:;'>点击重置</a>",
  1790.               "csdn-mobile-shield-css",
  1791.               CSDN.blog.Mobile.getDefaultShieldCSS(),
  1792.               "csdn-mobile-shield-css"
  1793.             ),
  1794.           ],
  1795.         },
  1796.         {
  1797.           id: "csdn-panel-config-huawei",
  1798.           title: "博客(华为开发者联盟)",
  1799.           forms: [
  1800.             {
  1801.               text: "屏蔽",
  1802.               type: "forms",
  1803.               forms: [
  1804.                 PopsPanel.getSwtichDetail(
  1805.                   "【屏蔽】云开发者任务挑战活动",
  1806.                   "huaweiCSDNShieldCloudDeveloperTaskChallengeEvent",
  1807.                   true
  1808.                 ),
  1809.                 PopsPanel.getSwtichDetail(
  1810.                   "【屏蔽】左侧悬浮按钮",
  1811.                   "huaweiCSDNShieldLeftFloatingButton",
  1812.                   false,
  1813.                   function (event, enable) {
  1814.                     if (enable) {
  1815.                       alert(
  1816.                         "开启后将屏蔽【当前阅读量】、【点赞按钮】、【评论按钮】、【分享按钮】"
  1817.                       );
  1818.                     }
  1819.                   }
  1820.                 ),
  1821.                 PopsPanel.getSwtichDetail(
  1822.                   "【屏蔽】右侧栏",
  1823.                   "huaweiCSDNBlockRightColumn",
  1824.                   false,
  1825.                   function (event, enable) {
  1826.                     if (enable) {
  1827.                       alert(
  1828.                         "开启后将屏蔽【相关产品】-【活动日历】-【运营活动】-【热门标签】"
  1829.                       );
  1830.                     }
  1831.                   }
  1832.                 ),
  1833.                 PopsPanel.getSwtichDetail(
  1834.                   "【屏蔽】底部推荐内容",
  1835.                   "huaweiCSDNBlockRecommendedContentAtTheBottom",
  1836.                   false
  1837.                 ),
  1838.                 PopsPanel.getSwtichDetail(
  1839.                   "【屏蔽】底部更多推荐",
  1840.                   "huaweiCSDNShieldTheBottomForMoreRecommendations",
  1841.                   false
  1842.                 ),
  1843.               ],
  1844.             },
  1845.             this.getOwnextAreaRule(
  1846.               "自定义屏蔽CSS，<a href='javascript:;'>点击重置</a>",
  1847.               "csdn-blog-huawei-shield-css",
  1848.               CSDN.blogHuaWei.PC.getDefaultShieldCSS(),
  1849.               "csdn-blog-huawei-shield-css"
  1850.             ),
  1851.           ],
  1852.         },
  1853.         {
  1854.           id: "csdn-panel-config-pc",
  1855.           title: "文库",
  1856.           forms: [
  1857.             {
  1858.               text: "屏蔽",
  1859.               type: "forms",
  1860.               forms: [
  1861.                 PopsPanel.getSwtichDetail(
  1862.                   "【屏蔽】资源推荐",
  1863.                   "wenku_shieldResourceRecommend",
  1864.                   false
  1865.                 ),
  1866.                 PopsPanel.getSwtichDetail(
  1867.                   "【屏蔽】右侧用户信息",
  1868.                   "wenku_shieldRightUserInfo",
  1869.                   false
  1870.                 ),
  1871.                 PopsPanel.getSwtichDetail(
  1872.                   "【屏蔽】右侧悬浮工具栏",
  1873.                   "wenku_shieldRightToolBar",
  1874.                   false
  1875.                 ),
  1876.               ],
  1877.             },
  1878.             this.getOwnextAreaRule(
  1879.               "自定义屏蔽CSS，<a href='javascript:;'>点击重置</a>",
  1880.               "csdn-wenku-shield-css",
  1881.               CSDN.wenku.PC.getDefaultShieldCSS(),
  1882.               "csdn-wenku-shield-css"
  1883.             ),
  1884.           ],
  1885.         },
  1886.       ];
  1887.     },
  1888.   };
  1889.  
  1890.   PopsPanel.init();
  1891.  
  1892.   if (CSDN.blogHuaWei.isBlogRouter()) {
  1893.     CSDN.blogHuaWei.PC.init();
  1894.   } else if (CSDN.blog.isBlogRouter()) {
  1895.     CSDN.blog.init();
  1896.   } else if (CSDN.wenku.isWenKuRouter()) {
  1897.     CSDN.wenku.PC.init();
  1898.   } else {
  1899.     log.error("暂未适配，请反馈开发者：" + globalThis.location.href);
  1900.   }
  1901. })();