☰

CSDN Blog 极致简化

页面排版调整，仅保留评论区、文章主体、文章目录，免登录增加复制及鼠标框选代码功能，免登录加载评论

  1. // ==UserScript==
  2. // @name         CSDN Blog 极致简化
  3. // @name:en      CSDN Blog Super Simplification
  4. // @namespace    csdn_blog_super_simplification
  5. // @version      5.1.4
  6. // @description  页面排版调整，仅保留评论区、文章主体、文章目录，免登录增加复制及鼠标框选代码功能，免登录加载评论
  7. // @description:en  Page layout modification. Only comment area, article body, directory are shown. No login requirement to copy or select code area. No login requirement to load comments.
  8. // @author       Xavier Wong
  9. // @run-at       document-start
  10. // @match        https://*blog.csdn.net/*
  11. // @match        https://*.blog.csdn.net/*
  12. // @match        https://*csdnnews.blog.csdn.net/*
  13. // @match        https://www.csdn.net/*
  14. // @grant        GM_getValue
  15. // @grant        GM_setValue
  16. // @grant        GM_addStyle
  17. // @license      Xavier Wong
  18. // ==/UserScript==
  19.  
  20. GM_addStyle(
  21.     'html.eyecomfort-on {-webkit-filter: brightness(60%) !important}' +
  22.     'html.eyecomfort-off {-webkit-filter: brightness(100%) !important}' +
  23.     '#commentSideBoxshadow.comment-show {display: block !important}' +
  24.     '#commentSideBoxshadow.comment-hide {display: none !important}' +
  25.     'main.comment-show {width: 70% !important}' +
  26.     'main.comment-hide {width: 100% !important}' +
  27.     '#rightAside.directory-show {display: block !important}' +
  28.     '#rightAside.directory-hide {display: none !important}' +
  29.     '#mainBox.directory-show {width: calc(100vw - 300px) !important; margin-right: 300px !important}' +
  30.     '#mainBox.directory-hide {width: calc(100vw) !important; margin-right: 0px !important}'
  31. );
  32.  
  33. function generateSideToolBarElement(dataType, style, imgUrl, text1, text2){
  34.     const tmpDiv = document.createElement('div');
  35.     tmpDiv.innerHTML = '<a class="option-box" style="' + style + '" data-type="' + dataType + '">' +
  36.       (imgUrl == null ? '' : '<img src="' + imgUrl + '" alt="" srcset="">') +
  37.       '<span class="show-txt" ' + (imgUrl == null ? 'style="display:flex;opacity:100;"' : '') + '>' + text1 + '<br>' + text2 + '</span>' +
  38.     '</a>';
  39.     return tmpDiv.firstElementChild;
  40. }
  41.  
  42. /**
  43.  * 修改指定DOM
  44.  * @param domSelector DOM选择器
  45.  * @param style 样式
  46.  */
  47. function modifyDOM(domSelector, style){
  48.     GM_addStyle(
  49.         domSelector + '{' + style + '}'
  50.     );
  51. }
  52.  
  53. /**
  54.  * 隐藏指定DOM
  55.  * @param domSelector DOM选择器
  56.  */
  57. function hideDOM(domSelector){
  58.     GM_addStyle(
  59.         domSelector + '{display: none !important;}'
  60.     );
  61. }
  62.  
  63. /**
  64.  * 添加DOM类
  65.  * @param domSelector DOM选择器
  66.  * @param className 类名
  67.  */
  68. function addDOMClass(domSelector, className){
  69.     getDOM(domSelector).classList.add(className);
  70. }
  71.  
  72. /**
  73.  * 删除DOM类
  74.  * @param domSelector DOM选择器
  75.  * @param className 类名
  76.  */
  77. function removeDOMClass(domSelector, className){
  78.     getDOM(domSelector).classList.remove(className);
  79. }
  80.  
  81. /**
  82.  * 获取单个DOM
  83.  * @param domSelector DOM选择器
  84.  * @returns DOM
  85.  */
  86. function getDOM(domSelector, retryTime) {
  87.     return document.querySelector(domSelector);
  88. }
  89.  
  90. /**
  91.  * 获取多个DOM
  92.  * @param domSelector DOM选择器
  93.  * @returns DOMs
  94.  */
  95. function getDOMs(domSelector) {
  96.     return document.querySelectorAll(domSelector);
  97. }
  98.  
  99. /**
  100.  * 删除多个DOM
  101.  * @param domSelector DOM选择器
  102.  */
  103. function deleteDOMs(domSelector) {
  104.     $.each(getDOMs(domSelector), function(i, r){
  105.         r.remove();
  106.     });
  107. }
  108.  
  109. /**
  110.  * 移动DOM
  111.  * @param srcDomSelector 来源DOM选择器
  112.  * @param dstDomSelector 目标DOM选择器
  113.  */
  114. function moveBeforeDOM(srcDomSelector, dstDomSelector) {
  115.     const srcDom = getDOM(srcDomSelector);
  116.     const dstDom = getDOM(dstDomSelector);
  117.     if(srcDom != null && dstDom != null) {
  118.         dstDom.before(srcDom);
  119.     }
  120. }
  121.  
  122. var eyeComfort = GM_getValue('eyeComfort', false);
  123. function toggleEyeComfort(isOn) {
  124.     removeDOMClass('html', 'eyecomfort-on');
  125.     removeDOMClass('html', 'eyecomfort-off');
  126.     if(isOn){
  127.         addDOMClass('html', 'eyecomfort-on');
  128.     }else{
  129.         addDOMClass('html', 'eyecomfort-off');
  130.     }
  131.     eyeComfort = isOn;
  132.     GM_setValue('eyeComfort', eyeComfort);
  133. }
  134.  
  135. var commentShow = GM_getValue('commentShow', true);
  136. function showComment(isShow) {
  137.     removeDOMClass('#commentSideBoxshadow', 'comment-hide');
  138.     removeDOMClass('#commentSideBoxshadow', 'comment-show');
  139.     removeDOMClass('main', 'comment-hide');
  140.     removeDOMClass('main', 'comment-show');
  141.     if(isShow){
  142.         addDOMClass('#commentSideBoxshadow', 'comment-show');
  143.         addDOMClass('main', 'comment-show');
  144.     }else{
  145.         addDOMClass('#commentSideBoxshadow', 'comment-hide');
  146.         addDOMClass('main', 'comment-hide');
  147.     }
  148.     commentShow = isShow;
  149.     GM_setValue('commentShow', commentShow);
  150. }
  151.  
  152. var directoryShow = GM_getValue('directoryShow', false);
  153. function showDirectory(isShow) {
  154.     removeDOMClass('#rightAside', 'directory-hide');
  155.     removeDOMClass('#rightAside', 'directory-show');
  156.     removeDOMClass('#mainBox', 'directory-hide');
  157.     removeDOMClass('#mainBox', 'directory-show');
  158.     if(isShow){
  159.         addDOMClass('#rightAside', 'directory-show');
  160.         addDOMClass('#mainBox', 'directory-show');
  161.     }else{
  162.         addDOMClass('#rightAside', 'directory-hide');
  163.         addDOMClass('#mainBox', 'directory-hide');
  164.     }
  165.     directoryShow = isShow;
  166.     GM_setValue('directoryShow', directoryShow);
  167. }
  168.  
  169. /**
  170.  * 目录定位功能修正
  171.  */
  172. function fixDirectoryJump() {
  173.     let directory = getDOMs('#groupfile a, #groupfileConcision a, #content_views a[target=_self]');
  174.     $.each(directory, function(i, r){
  175.         r.onclick = function() {
  176.             if(!!getDOM('[name="'+r.getAttribute('href').replace('#', '')+'"], [id="'+r.getAttribute('href').replace('#', '')+'"]')) {
  177.                 getDOM('[name="'+r.getAttribute('href').replace('#', '')+'"], [id="'+r.getAttribute('href').replace('#', '')+'"]').scrollIntoView()
  178.             }
  179.         }
  180.     })
  181. }
  182.  
  183. /**
  184.  * 置顶功能修正
  185.  */
  186. function fixGoTop() {
  187.     getDOM('main').onscroll = function(){
  188.         let scrollTop = this.scrollTop || document.body.scrollTop;
  189.         if(scrollTop <= 200) {
  190.             addDOMClass('.csdn-side-toolbar > [data-type="gotop"]', 'go-top-hide')
  191.         }
  192.         if(scrollTop > 200) {
  193.             removeDOMClass('.csdn-side-toolbar > [data-type="gotop"]', 'go-top-hide')
  194.             getDOM('.csdn-side-toolbar > [data-type="gotop"]').onclick = function(){
  195.                 getDOM('main').scrollTo({
  196.                     left: 0,
  197.                     top: 0,
  198.                     behavior: 'smooth'
  199.                 });
  200.             }
  201.         }
  202.     }
  203. }
  204.  
  205. /**
  206.  * 复制代码(免登录)
  207.  */
  208. function copyCodeUnlogin() {
  209.     const codeFrame = getDOMs('code');
  210.     $.each(codeFrame, function(i, r){
  211.         r.onclick = function(){
  212.             mdcp.copyCode(event)
  213.         };
  214.     });
  215.     const codeCopyBtn = getDOMs('.hljs-button.signin');
  216.     if(codeCopyBtn.length > 0) {
  217.         $.each(codeCopyBtn, function(i, r){
  218.             r.setAttribute('data-title', '复制');
  219.             r.onclick = function(){
  220.                 hljs.copyCode(event)
  221.             };
  222.         });
  223.         const observer = new MutationObserver(function(e){
  224.             $.each(e, function(i, r){
  225.                 if(r.target.getAttribute('data-title') == '登录后复制') {
  226.                     r.target.setAttribute('data-title', '复制');
  227.                 }
  228.             });
  229.         });
  230.         observer.observe(getDOM('.hljs-button.signin'), {
  231.             attributes: true,
  232.         });
  233.     }
  234. }
  235.  
  236. function htmlUnEscape(str) { //反转义
  237. 	var unescapes = {
  238. 			'&amp;': '&',
  239. 			'&lt;': '<',
  240. 			'&gt;': '>',
  241. 			'&quot;': '"',
  242. 			'&#39;': "'"
  243. 		},
  244. 		reEscapedHtml = new RegExp(/&(?:amp|lt|gt|quot|#39);/g);
  245. 	return (str && reEscapedHtml.test(str)) ? str.replace(reEscapedHtml, function(entity) {
  246. 		return unescapes[entity];
  247. 	}) : (str || '')
  248. }
  249.  
  250. function readComment(commentContent) {
  251.     // 转换评论中的表情包
  252.     var faceStart = 0, faceTypes = new Set();
  253.     do{
  254.         faceStart = commentContent.indexOf('[face]', faceStart);
  255.         if(faceStart > -1) {
  256.             faceTypes.add(commentContent.substring(faceStart + 6, commentContent.indexOf(':', faceStart)));
  257.             faceStart++;
  258.         }
  259.     }while(faceStart > -1);
  260.     faceTypes.forEach(function(r) {
  261.         commentContent = commentContent.replaceAll('[face]' + r + ':', '<img src="//g.csdnimg.cn/static/face/' + r + '/');
  262.     });
  263.     commentContent = commentContent.replaceAll('[/face]', '" alt="表情包">');
  264.  
  265.     // 转换评论中的代码块
  266.     if(commentContent.indexOf('[code=') > -1 && commentContent.indexOf('[/code]') > -1){
  267.         const textBeforeCode = commentContent.substring(0, commentContent.indexOf('[code='));
  268.         const textAfterCode = commentContent.substring(commentContent.indexOf('[/code]') + 7);
  269.         try{
  270.             const codeLang = commentContent.substring(commentContent.indexOf('=') + 1, commentContent.indexOf(']'));
  271.             var codeLangTrue = codeLang;
  272.             commentContent = commentContent.substring(commentContent.indexOf(']') + 1, commentContent.lastIndexOf('['));
  273.             commentContent = commentContent.trim();
  274.             var hlCode;
  275.             if(hljs.getLanguage(codeLang) == undefined) {
  276.                 hlCode = hljs.highlightAuto($('<div>').html(commentContent).text());
  277.                 codeLangTrue = hlCode.language;
  278.             }else{
  279.                 hlCode = hljs.highlight($('<div>').html(commentContent).text(), {language: codeLangTrue});
  280.             }
  281.             commentContent = hlCode.value;
  282.             var codeByLine = commentContent.split('\n');
  283.             var codeLines = "";
  284.             if(commentContent !== "") {
  285.                 codeLines += '<pre name="code2" class="'+codeLang+' hljs language-'+codeLangTrue+'"><ol class="hljs-ln" style="width:100%">';
  286.                 $.each(codeByLine, function(i, r){
  287.                     codeLines += '<li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="'+(i+1)+'"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">'+r+'</div></div></li>';
  288.                 });
  289.                 codeLines += '</ol></pre>';
  290.             }
  291.             commentContent = textBeforeCode + codeLines + textAfterCode;
  292.         } catch(err){}
  293.     }
  294.     commentContent = commentContent.replaceAll("\n","<br>");
  295.     commentContent = replaceUrlWithHyperLink(commentContent);
  296.     return commentContent;
  297. }
  298.  
  299. function replaceUrlWithHyperLink(str){
  300.     var re = /(f|ht){1}(tp|tps):\/\/([\w-]+\.)+[\w-]+(\/[\w-./?%&=]*)?/g;
  301.     str = str.replace(re, function(website){
  302.         return "<a class='comment-match-url' href='" + website +"' target='_blank'>" + website + "</a>";
  303.     });
  304.     return str;
  305. };
  306.  
  307. /**
  308.  * 加载评论(免登录)
  309.  */
  310. function loadCommentUnlogin() {
  311.     if(getCookie('UserName') == null){
  312.         $.ajax({
  313.             url: 'https://blog.csdn.net/phoenix/web/v1/comment/list/'+articleId+'?page=0&size=3000',
  314.             type: "POST",
  315.             success: function (data) {
  316.                 let commentCustom = getDOM('#pcCommentSideBox').innerHTML + `<div class="comment-list-container"><div class="comment-list-box">`;
  317.                 $.each(data.data.list.sort(function(a,b){
  318.                     return b.info.commentId - a.info.commentId;
  319.                 }), function(i, r){
  320.                     commentCustom = `${commentCustom}<ul class="comment-list">` +
  321.                         `<li class="comment-line-box">` +
  322.                         `<div class="comment-list-item">` +
  323.                         `<a class="comment-list-href" target="_blank" href="https://blog.csdn.net/${r.info.userName}">` +
  324.                         `<img src="${r.info.avatar}" username="${r.info.userName}" alt="${r.info.userName}" class="avatar">` +
  325.                         `</a>` +
  326.                         `<div class="right-box">` +
  327.                         `<div class="new-info-box clearfix">` +
  328.                         `<div class="comment-top">` +
  329.                         `<div class="user-box">` +
  330.                         `<a class="name-href" target="_blank" href="https://blog.csdn.net/${r.info.userName}">` +
  331.                         `<span class="name ">${r.info.nickName}</span>` +
  332.                         `</a>` +
  333.                         `<span class="date" title="${r.info.postTime}">${r.info.dateFormat}</span>` +
  334.                         `</div>` +
  335.                         `</div>` +
  336.                         `<div class="comment-center">` +
  337.                         `<div class="new-comment">${readComment(r.info.content)}</div>` +
  338.                         `</div>` +
  339.                         `</div>` +
  340.                         `</div>` +
  341.                         `</div>` +
  342.                         `</li>` +
  343.                         `<li class="replay-box" style="display:block"><ul class="comment-list">`;
  344.                     $.each(r.sub, function(i1, r1){
  345.                         commentCustom = `${commentCustom}<li class="comment-line-box">` +
  346.                             `<div class="comment-list-item">` +
  347.                             `<a class="comment-list-href" target="_blank" href="https://blog.csdn.net/${r1.userName}">` +
  348.                             `<img src="${r1.avatar}" username="${r1.userName}" alt="${r1.userName}" class="avatar">` +
  349.                             `</a>` +
  350.                             `<div class="right-box">` +
  351.                             `<div class="new-info-box clearfix">` +
  352.                             `<div class="comment-top">` +
  353.                             `<div class="user-box">` +
  354.                             `<a class="name-href" target="_blank" href="https://blog.csdn.net/${r1.userName}">` +
  355.                             `<span class="name ">${r1.nickName}</span>` +
  356.                             (r1.userName === blog_address.split("/")[3] ? `<span class="is_bloger comment_status_tip">作者</span>` : ``) +
  357.                             `</a>` +
  358.                             `<span class="text">回复</span>` +
  359.                             `<span class="nick-name">${r1.parentNickName}</span>` +
  360.                             `<span class="date" title="${r1.postTime}">${r1.dateFormat}</span>` +
  361.                             `</div>` +
  362.                             `</div>` +
  363.                             `<div class="comment-center">` +
  364.                             `<div class="new-comment">${readComment(r1.content.indexOf("[/reply]") > -1 ? (r1.content.indexOf("[/reply]\n") > -1 ? r1.content.substring(r1.content.indexOf("[/reply]\n") + 9) : r1.content.substring(r1.content.indexOf("[/reply]") + 8)) : r1.content)}</div>` +
  365.                             `</div>` +
  366.                             `</div>` +
  367.                             `</div>` +
  368.                             `</div>` +
  369.                             `</li>`;
  370.                     });
  371.                     commentCustom = `${commentCustom}</ul></li></ul>`;
  372.                 });
  373.                 commentCustom = `${commentCustom}</div></div>`;
  374.                 getDOM('#pcCommentSideBox').innerHTML = commentCustom;
  375.                 getDOM('#pcCommentSideBox').style.display = 'block';
  376.                 removeDOMClass('#pcCommentSideBox', 'unlogin-comment-box-new');
  377.             }
  378.         });
  379.     }
  380. }
  381.  
  382. /**
  383.  * 暗色主题去除
  384.  */
  385. function removeDarkTheme() {
  386.     const darkToolbarCss = getDOM('link[href*="csdn-toolbar-dark"]');
  387.     if(darkToolbarCss){
  388.         darkToolbarCss.href = darkToolbarCss.href.replace('dark', 'default')
  389.     }
  390.     const darkSkinCss = getDOMs('link[href*="skin-black"], link[href*="skin-clickmove"], link[href*="skin-years"]');
  391.     $.each(darkSkinCss, function(i, r){
  392.         r.href = ""
  393.     });
  394.     const darkLogo = getDOM('img[title="CSDN首页"]');
  395.     if(darkLogo){
  396.         darkLogo.src="https://img-home.csdnimg.cn/images/20201124032511.png"
  397.     }
  398.     modifyDOM('body', 'background-color:#f5f6f7 !important; background-image:none !important;');
  399. }
  400.  
  401.  
  402. /**
  403.  * 添加护眼开关
  404.  */
  405. function addEyeComfortToggleButton() {
  406.     const eyeComfortOnButton = generateSideToolBarElement('cuz-eyecomfort-on', commentShow ? 'display: flex' : 'display: none', null, '打开', '护眼');
  407.     const eyeComfortOffButton = generateSideToolBarElement('cuz-eyecomfort-off', !commentShow ? 'display: flex' : 'display: none', null, '关闭', '护眼');
  408.     eyeComfortOnButton.onclick = function(){
  409.         toggleEyeComfort(true);
  410.         eyeComfortOnButton.style = 'display: none';
  411.         eyeComfortOffButton.style = 'display: flex';
  412.     }
  413.     eyeComfortOffButton.onclick = function(){
  414.         toggleEyeComfort(false);
  415.         eyeComfortOnButton.style = 'display: flex';
  416.         eyeComfortOffButton.style = 'display: none';
  417.     }
  418.     getDOM('.csdn-side-toolbar').prepend(eyeComfortOnButton);
  419.     getDOM('.csdn-side-toolbar').prepend(eyeComfortOffButton);
  420. }
  421.  
  422. /**
  423.  * 添加评论区开关
  424.  */
  425. function addCommentToggleButton() {
  426.     const commentHideButton = generateSideToolBarElement('cuz-comment-hide', commentShow ? 'display: flex' : 'display: none', null, '隐藏', '评论');
  427.     const commentShowButton = generateSideToolBarElement('cuz-comment-show', !commentShow ? 'display: flex' : 'display: none', null, '显示', '评论');
  428.     commentHideButton.onclick = function(){
  429.         showComment(false);
  430.         commentHideButton.style = 'display: none';
  431.         commentShowButton.style = 'display: flex';
  432.     }
  433.     commentShowButton.onclick = function(){
  434.         showComment(true);
  435.         commentHideButton.style = 'display: flex';
  436.         commentShowButton.style = 'display: none';
  437.     }
  438.     getDOM('.csdn-side-toolbar').prepend(commentHideButton);
  439.     getDOM('.csdn-side-toolbar').prepend(commentShowButton);
  440. }
  441.  
  442. /**
  443.  * 添加目录开关
  444.  */
  445. function addDirectoryToggleButton() {
  446.     const directoryHideButton = generateSideToolBarElement('cuz-directory-hide', directoryShow ? 'display: flex' : 'display: none', null, '隐藏', '目录');
  447.     const directoryShowButton = generateSideToolBarElement('cuz-directory-show', !directoryShow ? 'display: flex' : 'display: none', null, '显示', '目录');
  448.     directoryHideButton.onclick = function(){
  449.         showDirectory(false);
  450.         directoryHideButton.style = 'display: none';
  451.         directoryShowButton.style = 'display: flex';
  452.     }
  453.     directoryShowButton.onclick = function(){
  454.         showDirectory(true);
  455.         directoryHideButton.style = 'display: flex';
  456.         directoryShowButton.style = 'display: none';
  457.     }
  458.     getDOM('.csdn-side-toolbar').prepend(directoryHideButton);
  459.     getDOM('.csdn-side-toolbar').prepend(directoryShowButton);
  460. }
  461.  
  462. (
  463.     function() {
  464.         // 广告
  465.         hideDOM('#kp_box_www_swiper_ban, .blog-slide-ad-box, .Community > .active-blog > .blog-banner');
  466.  
  467.         hideDOM('.ad_fullWidth.www-banner-top, .toolbar-advert');
  468.  
  469.         // 主题处理
  470.         modifyDOM('.toolbar-inside', 'background: #fff !important');
  471.         modifyDOM('body', 'background-color:#f5f6f7 !important; background-image:none !important;');
  472.         // 隐藏左信息
  473.         hideDOM('.blog_container_aside');
  474.         // 调整右侧信息, 保留目录
  475.         modifyDOM('#rightAside', 'display: block;');
  476.         hideDOM('.programmer1Box, #recommendAdBox, #asideArchive, #recommend-right > .kind_person, #rightAsideConcision');
  477.         modifyDOM('#groupfile', 'height: 100% !important; max-height: unset !important; margin-bottom: 0 !important;');
  478.         modifyDOM('#groupfile>.groupfile-div', 'height: calc(100vh - 68px) !important; max-height: unset !important;');
  479.         // 隐藏相关推荐
  480.         hideDOM('.recommend-box, #recommendNps, .template-box');
  481.         // 隐藏底部
  482.         hideDOM('.blog-footer-bottom');
  483.         // 隐藏文章工具栏
  484.         hideDOM('#toolBarBox');
  485.  
  486.         // 文章主体样式调整
  487.         modifyDOM('.main_father', 'height: auto !important; overflow: hidden !important;')
  488.         modifyDOM('#mainBox', 'height: calc(100vh - 68px) !important; width: calc(100vw - 300px); margin-left: 0 !important;')
  489.         modifyDOM('main', 'width: 70% !important; height: 100% !important; overflow: auto !important; float: right')
  490.         modifyDOM('.blog-content-box', 'padding-bottom: 60px !important;')
  491.         modifyDOM('#article_content', 'height: unset !important; overflow: auto !important;');
  492.         hideDOM('.hide-article-box');
  493.  
  494.         // 调整右侧工具位置, 隐藏部分按钮
  495.         modifyDOM('.csdn-side-toolbar', 'left: unset !important;')
  496.         modifyDOM('.csdn-side-toolbar .tip-box,.csdn-side-toolbar > [data-type="guide"],.csdn-side-toolbar > [data-type="cs"],.csdn-side-toolbar > [data-type="report"],.csdn-side-toolbar > [data-type="search"],.csdn-side-toolbar > .directory,.csdn-side-toolbar > .sidecolumn', 'display: none !important;')
  497.  
  498.         // 代码块超长自动展开所有
  499.         hideDOM('.hide-preCode-box');
  500.         modifyDOM('.set-code-hide', 'height: unset !important;max-height: unset !important;');
  501.  
  502.         // 评论区
  503.         hideDOM('#pcCommentBox, .comment-side-tit-close');
  504.         modifyDOM('#commentSideBoxshadow', 'width: 29.5% !important; display:block !important; background: unset !important; position: relative !important; float: left');
  505.         modifyDOM('.comment-side-content', 'width:100% !important;');
  506.         modifyDOM('#pcCommentSideBox, #pcFlodCommentSideBox', 'height: auto !important; overflow-y: auto !important;');
  507.  
  508.         // 免登录代码框鼠标可选
  509.         modifyDOM('code', 'user-select: text !important;');
  510.  
  511.         document.addEventListener('DOMContentLoaded',function(e){
  512.             // 去除谷歌相关广告
  513.             deleteDOMs('script[src*=google],link[href*=google],.adsbygoogle');
  514.             fixDirectoryJump();
  515.             fixGoTop();
  516.             // 评论区DOM位置调整
  517.             moveBeforeDOM('#commentSideBoxshadow', 'main');
  518.             showComment(commentShow);
  519.             showDirectory(directoryShow);
  520.             loadCommentUnlogin();
  521.  
  522.             removeDarkTheme();$("#content_views").unbind("keydown");
  523.             $("#content_views").unbind("copy")
  524.         })
  525.         window.onload = function(){
  526.             fixDirectoryJump();
  527.             copyCodeUnlogin();
  528.             addCommentToggleButton();
  529.             addDirectoryToggleButton();
  530.             addEyeComfortToggleButton();
  531.             $("#content_views").off('click','a')
  532.             $("#content_views").find("a").click(function(e){if(this.href&&"_self"!==this.target){e.preventDefault();var t=window.open(this.href,"_blank");t.focus()}})
  533.             $("#content_views").unbind("keydown");
  534.             $("#content_views").unbind("copy")
  535.         }
  536.  
  537.     }
  538. )();