☰

Beautify

美化<误>各网页界面

  1. // ==UserScript==
  2. // @name         Beautify
  3. // @namespace    https://github.com/symant233/PublicTools
  4. // @version      0.1.87
  5. // @description  美化<误>各网页界面
  6. // @author       symant233
  7. // @icon         https://cdn.jsdelivr.net/gh/symant233/PublicTools/Beautify/Bkela.png
  8. // @match        https://*.vuejs.org/*
  9. // @match        https://www.runoob.com/*
  10. // @match        https://blog.csdn.net/*
  11. // @match        https://es6.ruanyifeng.com/*
  12. // @match        https://wenku.baidu.com/*
  13. // @match        https://didi.github.io/cube-ui/*
  14. // @match        https://www.bilibili.com/*
  15. // @match        https://space.bilibili.com/*
  16. // @match        https://cn.bing.com/search?q=*
  17. // @match        https://duckduckgo.com/?q=*
  18. // @match        https://baike.baidu.com/*
  19. // @match        https://yz.chsi.com.cn/sytj/tj/*
  20. // @match        https://www.30secondsofcode.org/*
  21. // @match        https://developer.mozilla.org/*
  22. // @match        https://juejin.cn/editor/drafts/*
  23. // @match        https://xui.ptlogin2.qq.com/cgi-bin/xlogin*
  24. // @match        https://steamcommunity.com/*
  25. // @match        https://www.pixiv.net/*
  26. // @match        https://live.bilibili.com/*
  27. // @match        https://frontendwingman.com/*
  28. // @match        https://cloud.tencent.com/developer/*
  29. // @match        https://www.npmjs.com/*
  30. // @match        https://www.zhihu.com/*
  31. // @match        https://fanyi.baidu.com/*
  32. // @match        https://jiexi.8old.cn/*
  33. // @match        https://read.qidian.com/*
  34. // @match        https://*.taobao.com/*
  35. // @match        https://s.taobao.com/search?q=*
  36. // @match        https://*.tmall.com/*
  37. // @match        https://caddyserver.com/docs/*
  38. // @match        https://leetcode.cn/*
  39. // @match        https://mooc1.chaoxing.com/work/*
  40. // @match        https://mooc1.chaoxing.com/mooc2/work/*
  41. // @match        https://*sci-hub.*/*
  42. // @match        https://scholar.google.com/scholar?q=*
  43. // @match        https://www.dlsite.com/*
  44. // @match        https://preactjs.com/*
  45. // @match        https://*.react.dev/*
  46. // @match        https://basarat.gitbook.io/*
  47. // @match        https://www.photopea.com/*
  48. // @match        https://www.phind.com/*
  49. // @match        https://hd.nowcoder.com/link.html?target=*
  50. // @match        *://www.cesium.xin/*
  51. // @match        https://message.bilibili.com/*
  52. // @match        *://pan.baidu.com/share/*
  53. // @match        https://x.com/*
  54. // @match        https://*.xiaoeknow.com/*
  55. // @match        https://nextjs.org/*
  56. // @grant        GM_getValue
  57. // @grant        GM_setValue
  58. // @grant        GM_addStyle
  59. // @grant        GM_registerMenuCommand
  60. // @grant        unsafeWindow
  61. // @license      GPL-3.0
  62. // @homepageURL  https://greatest.deepsurf.us/zh-CN/scripts/390421-beautify
  63. // @supportURL   https://github.com/symant233/PublicTools/issues
  64. // ==/UserScript==
  65.  
  66. ;(function() {
  67.     'use strict';
  68.  
  69.     const $ = {
  70.         // 选择器函数
  71.         $(selector) {
  72.             return document.querySelectorAll(selector);
  73.         },
  74.         // 获取第一个匹配元素
  75.         first(selector) {
  76.             return document.querySelector(selector);
  77.         },
  78.         // 通用遍历方法
  79.         each(selector, callback) {
  80.             const elements = this.$(selector);
  81.             for (let i = 0; i < elements.length; i++) {
  82.                 callback(elements[i], i);
  83.             }
  84.         },
  85.         // 添加类
  86.         addClass(selector, className) {
  87.             this.each(selector, element => {
  88.                 element.classList.add(className);
  89.             });
  90.         },
  91.         // 移除类
  92.         removeClass(selector, className) {
  93.             this.each(selector, element => {
  94.                 element.classList.remove(className);
  95.             });
  96.         },
  97.         // 设置属性
  98.         attr(selector, attr, value) {
  99.             this.each(selector, element => {
  100.                 element.setAttribute(attr, value);
  101.             });
  102.         },
  103.         // 获取属性
  104.         getAttr(selector, attr) {
  105.             const element = this.first(selector);
  106.             return element ? element.getAttribute(attr) : null;
  107.         },
  108.         // 添加事件监听
  109.         on(selector, event, handler) {
  110.             this.each(selector, element => {
  111.                 element.addEventListener(event, handler);
  112.             });
  113.         },
  114.         // 移除元素
  115.         remove(selector) {
  116.             this.each(selector, element => {
  117.                 element.remove();
  118.             });
  119.         },
  120.         // 添加HTML
  121.         append(selector, html) {
  122.             const element = this.first(selector);
  123.             if (element) {
  124.                 element.insertAdjacentHTML('beforeend', html);
  125.             }
  126.         },
  127.         // 添加元素到指定元素
  128.         appendTo(selector, targetSelector) {
  129.             const element = document.createElement(selector);
  130.             const target = this.first(targetSelector);
  131.             if (target) {
  132.                 target.appendChild(element);
  133.             }
  134.             return element;
  135.         },
  136.         // 点击事件
  137.         click(selector) {
  138.             const element = this.first(selector);
  139.             if (element) {
  140.                 element.click();
  141.             }
  142.         },
  143.         // 获取子元素
  144.         children(selector) {
  145.             const element = this.first(selector);
  146.             return element ? element.children : [];
  147.         },
  148.         // 获取父元素
  149.         parent(selector) {
  150.             const element = this.first(selector);
  151.             return element ? element.parentElement : null;
  152.         },
  153.         // 创建元素
  154.         create(tagName) {
  155.             return document.createElement(tagName);
  156.         }
  157.     };
  158.     
  159.     // 打印载入日志
  160.     (function(left, right, color) {
  161.         const arg = [
  162.             `%c ${left} %c ${right} `,
  163.             'padding:1px;border-radius:3px 0 0 3px;color:#fff;background:#606060;',
  164.             `padding:1px;border-radius:0 3px 3px 0;color:#fff;background:${color}`
  165.         ];
  166.         console.log(...arg);
  167.     })('Loaded', 'Beautify', '#e99010');
  168.     
  169.     switch (location.hostname) {
  170.         case 'vuejs.org':
  171.             function zhVue() {
  172.                 let url = location.href.replace('://vue', '://cn.vue');
  173.                 location.href = url;
  174.             }
  175.             const el = document.querySelector('a[href="/translations/"]');
  176.             el.addEventListener("click", zhVue);
  177.             el.href = '#';
  178.             break;
  179.         case 'www.runoob.com':
  180.             //隐藏头部logo 移动搜索框位置到navbar
  181.             $.append('#index-nav', `<form action="//www.runoob.com/" target="_blank" style="display: inline;float: right;">
  182.                 <input class="placeholder" id="s" name="s" placeholder="搜索……" autocomplete="off"></form>`);
  183.             $.append('.pc-nav', `<form action="//www.runoob.com/" target="_blank" style="display: inline;position: absolute;right:0;">
  184.                 <input class="placeholder" id="s" name="s" placeholder="搜索……" autocomplete="off"></form>`);
  185.             GM_addStyle(`#s{outline: 0; height: 2.3rem; margin-top: -1px; margin-right: 2rem; border: 0; border-radius: 4px;}`);
  186.             $.remove('.logo-search');
  187.             GM_addStyle(`.col.nav{padding-top: 5px;}`);
  188.             $.parent('#sidebar-right-re')?.remove();
  189.             $.remove('.feedback-btn');
  190.             $.remove('.qrcode');
  191.             GM_addStyle(`.navigation{background: grey;}`);
  192.             if (document.location.href.split('/')[3] == "try") {
  193.                 $.remove('nav');
  194.                 GM_addStyle(`body{padding-top: 60px;}`);
  195.                 $.remove('footer');
  196.             }
  197.             break;
  198.         case 'csdn.net': {
  199.             console.log('Beautify@ try to click');
  200.             const btnReadmore = $.first('.btn-readmore');
  201.             if (btnReadmore) {
  202.                 btnReadmore.click();
  203.                 console.log('Beautify@ clicked: true');
  204.             }
  205.             break;
  206.         }
  207.         case 'es6.ruanyifeng.com':
  208.             GM_addStyle(`
  209.                 #content{width: 63%; padding-bottom: 0px;}
  210.                 #back_to_top{right: 35px;}
  211.                 #edit{right: 35px;}
  212.                 #theme{right: 35px;}
  213.                 #flip{right: 10px;}
  214.             `);
  215.             break;
  216.         case 'wenku.baidu.com':
  217.             setTimeout(function() {
  218.                 console.log('show more');
  219.                 $.click('.btn-know');
  220.                 $.click('.moreBtn');
  221.             }, 1500 );
  222.             break;
  223.         case 'didi.github.io':
  224.             setTimeout(function() {
  225.                 GM_addStyle(`
  226.                     .navigator{height: 54px; line-height: 54px;}
  227.                     .home-view{padding-top: 38px;}
  228.                 `);
  229.             }, 500 );
  230.             break;
  231.         case 'bilibili.com':
  232.         case 'www.bilibili.com': {
  233.             const enableWideScreen = GM_getValue('enableWideScreen', true); // 是否启用宽屏模式
  234.             GM_registerMenuCommand('切换宽屏设置', () => GM_setValue('enableWideScreen', !enableWideScreen));
  235.             // 宽屏模式 来自 https://github.com/bilibili-helper/bilibili-helper-o/blob/637d0741b0d81154c7bc330f8fce19b926f5a71b/src/js/modules/videoWiden/UI/index.js
  236.             function setWide() {
  237.                 const btn = document.querySelector('.bpx-player-ctrl-wide:not(.bpx-state-entered)');
  238.                 if (btn) {
  239.                     btn.click();
  240.                     // 调整滚动位置
  241.                     setTimeout(() => {
  242.                         const player = document.querySelector('#bilibili-player');
  243.                         if (player) {
  244.                             const playerRect = player.getBoundingClientRect();
  245.                             const position = window.scrollY + playerRect.top - 75; // Navbar height
  246.                             window.scrollTo({ top: position });
  247.                         }
  248.                     }, 500);
  249.                     if (unsafeWindow.ob) unsafeWindow.ob.disconnect(); // 触发后停止监听
  250.                 }
  251.             }
  252.             new Promise(resolve => {
  253.                 const player = document.querySelector('#bilibili-player');
  254.                 if (player && enableWideScreen) {
  255.                     unsafeWindow.ob = new MutationObserver((mutationList) => {
  256.                         setWide();
  257.                     });
  258.                     unsafeWindow.ob.observe(player, {
  259.                         attributes: false,
  260.                         subtree: true,
  261.                         childList: true,
  262.                     });
  263.                 }
  264.                 resolve();
  265.             });
  266.             // PiP 画中画模式快捷键`p`
  267.             document.addEventListener('keyup', function (e) {
  268.                 if (e.key === 'p' && e.altKey) {
  269.                     document.querySelector('video').requestPictureInPicture();
  270.                 } else if (e.key === 'ArrowRight' & e.altKey === true) {
  271.                     $.click('.bilibili-player-video-btn-next');
  272.                 }
  273.             }, false);
  274.             GM_addStyle(`
  275.                 html.gray {
  276.                     filter: grayscale(0) !important;
  277.                     -webkit-filter: grayscale(0) !important;
  278.                 }
  279.                 .bili-subtitle-x-subtitle-panel-text {
  280.                     font-family: unset !important;
  281.                 }
  282.             `);
  283.             // start of the `spm_id_from` filter
  284.             let listener = function (e) {
  285.                 let i = e.target;
  286.                 for (; i && i.tagName !== "A"; )
  287.                     i = i.parentNode;
  288.                 if ((i == null ? void 0 : i.tagName) !== "A")
  289.                     return;
  290.                 let o = i.getAttribute("href");
  291.                 if (!o || !/\/\//.test(o) || !/spm_id_from=/.test(o) || /^blob:/.test(o))
  292.                     return;
  293.                 i.setAttribute("href", o.split('?spm_id_from')[0]); // fuck bilibili spm_id
  294.             }
  295.             document.body.addEventListener("contextmenu", listener, false);
  296.             break;
  297.         }
  298.         case 'cn.bing.com': {
  299.             //GM_addStyle('#b_content{padding-left: 85px;}');
  300.             break;
  301.         }
  302.         case 'duckduckgo.com': {
  303.             GM_addStyle('#links_wrapper{padding-left: 108px;}');
  304.             break;
  305.         }
  306.         case 'baike.baidu.com':
  307.             $.remove('.video-list-container'); // 删除播放器容器
  308.             GM_addStyle(`
  309.                 .lemmaWgt-searchHeader{height:55px;}
  310.                 div[class^="videoListWrap"], div[class^="knowledge-toolbar"], .J-knowledge-editor-toolbar {display: none;}
  311.                 .content-wrapper .content {font: unset;}
  312.                 .wgt-searchbar-new.wgt-searchbar .logo-container{padding: 6px 0;}
  313.                 .wgt-searchbar-new.wgt-searchbar .search{padding: 8px 0;}
  314.                 .wgt-navbar-hover {margin-top: 5px;}
  315.                 #J-lemma-video-list, #J-bottom-tashuo {display: none;}
  316.             `);
  317.             break;
  318.         case 'yz.chsi.com.cn': {
  319.             // 去除不符合不能调剂的信息
  320.             function filter() {
  321.                 const tbody = $.first("#content-qecxList > table > tbody");
  322.                 if (!tbody) return;
  323.                 
  324.                 const children = tbody.children;
  325.                 for (let i = 0; i < children.length; i++) {
  326.                     const lastChild = children[i].lastElementChild;
  327.                     if (lastChild && (
  328.                         lastChild.innerText.includes("不符合") || 
  329.                         (lastChild.firstElementChild && lastChild.firstElementChild.title.includes('不符合'))
  330.                     )) {
  331.                         children[i].remove();
  332.                         console.log(children[i].textContent + 'removed');
  333.                     }
  334.                 }
  335.             }
  336.             
  337.             const btnFilter = $.create('button');
  338.             btnFilter.id = 'btn-filter';
  339.             GM_addStyle('#btn-filter{width: 50px;}');
  340.             btnFilter.textContent = '过滤';
  341.             
  342.             const ewmFix = $.first('.ewm-fix');
  343.             if (ewmFix) {
  344.                 ewmFix.appendChild(btnFilter);
  345.                 btnFilter.addEventListener('click', filter);
  346.             }
  347.             
  348.             document.addEventListener('keyup', function (e) {
  349.                 if (e.key === 'Enter' && e.ctrlKey) {
  350.                     $.click('.tj-seach-btn');
  351.                 }
  352.             }, false);
  353.             break;
  354.         }
  355.         case 'www.30secondsofcode.org':
  356.             GM_addStyle('.nav-bar{height:auto;}');
  357.             break;
  358.         case 'developer.mozilla.org': {
  359.             GM_addStyle(`
  360.                 .mdn-cta-container{display:none;}
  361.                 .page-header{padding:12px 24px;}
  362.                 .breadcrumb-locale-container,#license{margin:0px;}
  363.                 .logo{height:59px;}
  364.                 .localized-content-note.notecard.neutral{display:none;}
  365.                 .header-search{margin-bottom: 4px;}
  366.                 .top-banner.fallback{display:none;}
  367.             `);
  368.             break;
  369.         }
  370.         case 'juejin.cn':
  371.             GM_addStyle('.header.editor-header{height:4rem;}.main .bytemd{height:calc(100vh - 4rem);}');
  372.             break;
  373.         case 'xui.ptlogin2.qq.com':
  374.             // 自动启用账号密码登录 去他大爷的扫码登录
  375.             // GM_addStyle('.web_qr_login{display:block !important;}.qlogin,#bottom_qlogin{display:none !important;}');
  376.             break;
  377.         case 'steamcommunity.com': {
  378.             setInterval(()=>{
  379.                 try {
  380.                     document.getElementById('market_sell_dialog_accept_ssa').checked = true;
  381.                 } catch (err) {}
  382.                 try {
  383.                     document.getElementById('market_buyorder_dialog_accept_ssa').checked = true;
  384.                 } catch (err) {}
  385.             }, 2000);
  386.             break;
  387.         }
  388.         case 'www.pixiv.net':
  389.             // 需要与脚本配合使用 https://greatest.deepsurf.us/zh-CN/scripts/34153-pixiv-plus
  390.             GM_addStyle(`
  391.                 select#select-ahao-favorites {
  392.                     font-size: 14px;
  393.                     line-height: 22px;
  394.                     flex: 1 1 auto;
  395.                     height: auto;
  396.                     margin: 0px -9px;
  397.                     padding: 9px 8px;
  398.                     border: none;
  399.                     border-radius: 4px;
  400.                     color: rgba(0, 0, 0, 0.64);
  401.                     background-color: rgba(0, 0, 0, 0.04);
  402.                     transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
  403.                 }
  404.                 #select-ahao-favorites+div{gap: 0px;}
  405.             `);
  406.             break;
  407.         case 'live.bilibili.com': {
  408.             const enableSideFollow = GM_getValue('enableSideFollow', false); // 是否切换关注按钮全屏展示
  409.             GM_registerMenuCommand('切换关注按钮全屏展示', () => GM_setValue('enableSideFollow', !enableSideFollow));
  410.             GM_addStyle(`
  411.                 .side-bar-popup-cntr{bottom:5% !important;height:84% !important;}
  412.                 .anchor-list {height: calc(100% - 55px) !important}
  413.                 .anchor-list > div {height:unset !important; align-content: flex-start;}
  414.                 .follow-cntr{height:100%;}
  415.                 .shortcut-item .follow-cntr{height:unset;}
  416.                 .section-content-cntr{height: calc(100% - 64px) !important;}
  417.                 .title-length-limit{max-width:unset !important;}
  418.             `);
  419.             if (enableSideFollow) GM_addStyle(`
  420.                 .player-full-win .side-bar-cntr {display: block !important; height: 60px !important; padding: 4px !important;}
  421.                 .player-full-win .side-bar-cntr div[data-upgrade-intro="Laboratory"] {display: none;}
  422.                 .player-full-win .side-bar-cntr div[data-upgrade-intro="Top"] {display: none;}
  423.             `);
  424.             break;
  425.         }
  426.         case 'frontendwingman.com':
  427.             try {
  428.                 // credit: github.com/invobzvr
  429.                 Object.defineProperty(document.querySelector('.theme-container').__vue__,'locked',{
  430.                     get:()=>true,
  431.                     set:function(val){this._data.locked=true}
  432.                 });
  433.                 document.querySelector('.theme-container').__vue__.locked = true;
  434.             } catch (e) {
  435.                 console.warn('Beautify: 自动解锁失效.');
  436.             }
  437.             break;
  438.         case 'cloud.tencent.com':
  439.             GM_addStyle('.doc-main-hd {margin-bottom: 24px;padding-bottom: 28px;border-bottom: 1px solid #e5e5e5;}');
  440.             break;
  441.         case 'www.npmjs.com':
  442.             GM_addStyle(`
  443.                 .center-ns {padding-bottom: unset;}
  444.                 pre.editor.editor-colors {overflow: overlay;}
  445.                 header > div:nth-child(2) {display: none;}
  446.             `);
  447.             break;
  448.         case 'www.zhihu.com':
  449.             if (window.location.href === "https://www.zhihu.com/hot") {
  450.                 document.querySelectorAll('.HotItem').forEach((e) => {
  451.                     if (!e.outerHTML.includes('HotItem-excerpt')) {e.remove();}
  452.                     if (!e.outerHTML.includes('HotItem-img')) {e.remove();}
  453.                 });
  454.             }break;
  455.         case 'fanyi.baidu.com':
  456.             GM_addStyle(`
  457.                 .download-app,.doc-feedback-group{display:none;}
  458.                 .header{padding:3px 0 7px 0;}
  459.                 .doc-whole-container{height:100%;}
  460.                 .doc-trans-view-wrap{width: unset;height: 88%;margin-top: -38px;}
  461.             `);
  462.             break;
  463.         case 'jiexi.8old.cn': {
  464.             // https://jx.m3u8.tv/jiexi/?url=
  465.             document.addEventListener('keyup', function (e) {
  466.                 if (e.key === 'f') {
  467.                     $.click('.dplayer-full-icon');
  468.                 } else if ([1,2,3,4].includes(parseInt(e.key))) {
  469.                     const speedItems = $.$('.dplayer-setting-speed-item');
  470.                     if (speedItems.length > parseInt(e.key)) {
  471.                         speedItems[parseInt(e.key)].click();
  472.                     }
  473.                 }
  474.             }, false);
  475.             break;
  476.         }
  477.         case 'qidian.com':
  478.             GM_addStyle(`
  479.                 body{overflow-x:hidden !important;}
  480.                 .admire-wrap,.guide-btn-wrap,#j_navGameBtn,#navReward,#j_phoneRead{display:none;}
  481.             `);
  482.             break;
  483.         case 'caddyserver.com':
  484.             GM_addStyle(`
  485.                 pre > code.cmd {font-size: 1rem; overflow: overlay;}
  486.                 main > .sidebar:last-child {flex-shrink: 2;}
  487.                 main > nav.sidebar {font-size: 1.2rem; width: 20%;}
  488.                 article > :not(h1), dd, article p, article ol, article ul, article pre, article table {margin-bottom: 0.5rem;}
  489.                 pre {padding-bottom: 0.5rem !important;padding-top: 0.5rem !important;}
  490.                 pre.chroma {font-size: 1rem;}
  491.                 #paper1, #paper2 {display: none;}
  492.                 .paper3 {top: unset;left: unset;}
  493.                 hr {margin-top: 2.5rem; margin-bottom: 2.5rem !important;}
  494.             `);
  495.             break;
  496.         case 'leetcode.cn':
  497.             GM_addStyle(`
  498.                 ul[class*="NavbarList"] > li[class*="NavbarListItem"]:nth-child(2)::after{display:none !important}
  499.                 ul[class*="NavbarList"] > li[class*="NavbarListItem"]:nth-child(6)::after{display:none !important}
  500.                 [class*=TimeRemainContainer]{display:none;}
  501.                 section[class*=MainContainer] > div[class*=Container]:nth-child(1){display: none;}
  502.                 section[class*=MainContainer]{margin-top: 12px;}
  503.                 span[class*=BasicTag-StyledTag]{margin-right: 8px;}
  504.             `);
  505.             // 自动开启运行结果差别
  506.             function enableDiff () {
  507.                 const btn = document.querySelector('label[class*="Label-StyledSwitch"]');
  508.                 if (btn && !btn.getAttribute('beautify-data')) {
  509.                     btn.setAttribute('beautify-data', true);
  510.                     btn.click();
  511.                 }
  512.             }
  513.             setTimeout(() => {
  514.                 const button = $.first('div[class*=second-section-container] > div:last-child button');
  515.                 if (button) button.click();
  516.                 
  517.                 new Promise(resolve => {
  518.                     const container = document.querySelector('div[class*="CodeAreaContainer"]');
  519.                     if (container) {
  520.                         new MutationObserver((mutationList) => {
  521.                             mutationList.forEach((mutation) => {
  522.                                 if (mutation.oldValue) enableDiff();
  523.                             });
  524.                         }).observe(container, {
  525.                             attributes: true,
  526.                             attributeOldValue: true,
  527.                             subtree: true,
  528.                         });
  529.                     }
  530.                     resolve();
  531.                 });
  532.             }, 2600);
  533.             // 控制台获取题解 Markdown 源码
  534.             function getMarkdown() {
  535.                 const node = document.querySelector('div[class*="ContentContainer"]');
  536.                 const key = Object.keys(node).find(key=>{
  537.                     return key.startsWith("__reactEventHandlers$");
  538.                 });
  539.                 console.log(node[key].children[0].props.children);
  540.             }
  541.             globalThis.unsafeWindow.getMarkdown = getMarkdown;
  542.             break;
  543.         case 's.taobao.com':
  544.             GM_addStyle(`
  545.                 .grid-total .grid-right {display: none !important;}
  546.                 .grid-total .grid-left {width: unset !important;}
  547.                 li#J_FeedbackExperience {display: none;}
  548.             `);
  549.             break;
  550.         case 'mooc1.chaoxing.com':
  551.         case 'chaoxing.com':
  552.             GM_addStyle(`#edui1_iframeholder{height:530px !important;}`);
  553.             break;
  554.         case 'scholar.google.com':
  555.             GM_addStyle(`
  556.                 .donate{display:none !important;}
  557.                 #arovswmd_panel{display:none;}
  558.                 #gs_hdr{margin:unset !important;}
  559.             `);
  560.             break;
  561.         case 'www.dlsite.com':
  562.             GM_addStyle('h1#work_name{user-select: text !important;} body{overflow-y: initial !important;}');
  563.             break;
  564.         case 'preactjs.com':
  565.             GM_addStyle(`
  566.                 header > div[class^='banner'] , header > a[class^='corner'] { display: none !important; }
  567.                 #app > main { padding-top: 3.5rem; }
  568.                 #app > main > div[class^=tutorial] { top: 3.5rem; }
  569.                 #app > main > div[class^=repl] { top: 3.5rem; }
  570.             `);
  571.             break;
  572.         case 'react.dev':
  573.             function zhReact(event) {
  574.                 event.preventDefault();
  575.                 let url = location.href.replace('://react', '://zh-hans.react');
  576.                 location.href = url;
  577.             } // 跳转到中文对应页面
  578.             document.querySelector('a[href="/community/translations"]').addEventListener("click", zhReact);
  579.             break;
  580.         case 'www.photopea.com': {
  581.             // code from https://chrome.google.com/webstore/detail/remove-ads-from-photopea/gjkjjhgjcalgefcimahpbacihndicccn
  582.             GM_addStyle('.app > div:not(:first-child) { visibility: hidden; }');
  583.             function addCustomEvent() {
  584.               const ADS_WIDTH = window.screen.width < 1180 ? 180 : 320;
  585.               document.addEventListener('resizecanvas', () => {
  586.                 // push the ads container outside of the viewport
  587.                 window.innerWidth = document.documentElement.clientWidth + ADS_WIDTH;
  588.               });
  589.             }
  590.             // inject our custom event listener into the "main world"
  591.             document.documentElement.setAttribute('onreset', `(${addCustomEvent})()`);
  592.             document.documentElement.dispatchEvent(new CustomEvent('reset'));
  593.             document.documentElement.removeAttribute('onreset');
  594.             function resize(event = {}) {
  595.               if (!event.skip) {
  596.                 document.dispatchEvent(new CustomEvent('resizecanvas'));
  597.  
  598.                 // trigger another resize event to update any listeners with the new window.innerWidth
  599.                 const resizeEvent = new Event('resize');
  600.                 resizeEvent.skip = true;
  601.                 window.dispatchEvent(resizeEvent);
  602.               }
  603.             }
  604.             let debounce;
  605.             window.addEventListener('resize', event => {
  606.               clearTimeout(debounce);
  607.               debounce = setTimeout(() => resize(event), 100);
  608.             });
  609.             resize();
  610.             break;
  611.         }
  612.         case 'www.phind.com':
  613.             GM_addStyle(`body {overflow-y: initial !important;}`);
  614.             let engines = localStorage.getItem('userSearchRules') || null;
  615.             if (!engines) {
  616.                 localStorage.setItem('userSearchRules', '{"developer.mozilla.org":3,"github.com":2,"stackoverflow.com":2,"www.reddit.com":-1,\
  617.                 "www.quora.com":-2,"www.pinterest.com":-3,"wikipedia.com":1,"numpy.org":1,"vuejs.org":1,"reactjs.org":1,"csdn.net":-2}');
  618.             }
  619.             break;
  620.         case 'hd.nowcoder.com':
  621.             const link = location.href.split('?target=')[1];
  622.             location.href = link;
  623.             break;
  624.         case 'basarat.gitbook.io':
  625.             GM_addStyle(`
  626.                 html {overflow: visible !important;}
  627.                 div.gitbook-root > div > div > header {height: 3.9rem;}
  628.                 div.gitbook-root > div header a[href^="https://youtube.com"] {display:none;}
  629.                 div.gitbook-root > div header a[href^="https://www.udemy.com"] {display:none;}
  630.                 div.gitbook-root div[data-testid="page.desktopTableOfContents"] {top: 62px !important; height: calc(100vh - 64px) !important;}
  631.             `)
  632.             break;
  633.         case 'www.cesium.xin':
  634.             GM_addStyle(`
  635.                 code[class*="language-"] { white-space: inherit; }
  636.                 footer { padding: 6px; }
  637.             `);
  638.             break;
  639.         case 'message.bilibili.com':
  640.             const callback = function(mutationList, observer) {
  641.                 if (document.querySelector('div.right .dialog:not(.hide)')) {
  642.                     const el = document.querySelector('div.right .dialog:not(.hide)')
  643.                     const mid = el.__vue__.userInfo.mid;
  644.                     if (mid) {
  645.                         el.querySelector('.title span').onclick = function() {
  646.                             window.open(`https://space.bilibili.com/${mid}/video`);
  647.                         }
  648.                     }
  649.                 }
  650.             }
  651.             const observer = new MutationObserver(callback);
  652.             observer.observe(document.body, { childList: true, subtree: true });
  653.             GM_addStyle(`
  654.                 div.right .dialog .title span { padding: 8px; cursor: pointer; }
  655.                 div.right .dialog .title span:hover { text-decoration: underline; }
  656.             `);
  657.             break;
  658.         case 'pan.baidu.com':
  659.             setInterval(() => {
  660.                 const el = document.querySelector('input#accessCode');
  661.                 if (el && el.value.length === 4) document.querySelector('#submitBtn').click();
  662.             }, 1000)
  663.             break;
  664.         case 'x.com':
  665.             const linkElement = document.createElement('link');
  666.             linkElement.rel = 'shortcut icon';
  667.             linkElement.href = '//abs.twimg.com/favicons/twitter.ico';
  668.             document.head.appendChild(linkElement);
  669.             break;
  670.         case 'nextjs.org':
  671.             GM_addStyle(`
  672.                 main > div.relative { padding-top: 1rem; }
  673.                 main > div.relative > div.sticky { top: 5rem; }
  674.                 main > div.relative > nav > .sticky { top: 6.5rem; }
  675.             `);
  676.             break;
  677.         default:
  678.             break;
  679.     }
  680.     
  681.     const aliList = [
  682.         /^https:.+tmall.com\//,
  683.         /^https:.+taobao.com\//,
  684.     ];
  685.     aliList.forEach((i) => {
  686.         if (i.test(document.location.href)) {
  687.             // 移除阴间字体 arial
  688.             GM_addStyle('span,input,li,div,a{font-family:none;}');
  689.         }
  690.     });
  691.     if (/.*sci-hub.+/.test(location.hostname)) {
  692.         GM_addStyle('#rollback img{width:50px !important;height:50px;margin-left:12px;}');
  693.     };
  694.     if (location.hostname.endsWith('.xiaoeknow.com')) {
  695.         document.addEventListener('keyup', function (e) {
  696.             const video = document.querySelector('video');
  697.             if (!video) return;
  698.             if (e.key === ' ' && video.paused) {
  699.                 video.play();
  700.             } else if (e.key === ' ') {
  701.                 video.pause();
  702.             }
  703.             if (e.key === 'f') {
  704.                 document.querySelector('.fullBtn').click();
  705.             }
  706.             if (e.key === 'ArrowLeft') {
  707.                 video.currentTime = video.currentTime - 5;
  708.             } else if (e.key === 'ArrowRight') {
  709.                 video.currentTime = video.currentTime + 5;
  710.             }
  711.         }); // 快捷键控制视频
  712.     }
  713. })();