// ==UserScript== // @name CSDN Focus // @namespace https://github.com/Germxu // @version 0.5 // @description 💡: 页面不重绘不闪屏! CSDN无登录弹窗无广告骚扰无推荐阅读! 纯CSS注入, 自动展开CSDN文章和全部评论,页面不重绘! 保留搜索栏, 其他全部隐藏,只在CSDN文章页运行,沉浸式体验|受够了脚本注入导致的闪屏重绘页面吗, 试试不一样的感觉吧 😁 // @author Finn // @homepage https://github.com/Germxu/Scripts-for-TamperMonkey // @supportURL https://github.com/Germxu/Scripts-for-TamperMonkey/issues/new // @run-at document-start // @match blog.csdn.net/*/article/details/* // @match *.blog.csdn.net/article/details/* // @grant GM_addStyle // @license MIT // @note V0.5 保留搜索栏, 并优化搜索栏动作 // @note v0.4 隐藏大屏幕下的右侧边栏 // @note v0.3 展开全部评论和翻页键, 展开需要关注阅读文章 // @note v0.2 JS重置样式改为纯CSS注入,页面不再重绘, 所见所得 // @note 代码透明欢迎审查, 欢迎给项目 star 😄 // @downloadURL none // ==/UserScript== (function () { /* 页面重新加载太不爽了, 我不喜欢, 希望您也一样, 如有增强功能需求, 请提交issue, 顺便点个赞👍, 如果呼声强烈, 我会考虑制作js版本😄 后续此脚本会考虑支持其他网站净化, 但也是使用CSS, 避免js加载导致的页面重绘 隐藏头部, 底部, 登录窗口, 左侧信息, 页面广告, 推荐阅读, 页面提示等等 展开全部文章, 展开评论, 显示评论切换翻页按钮 只删减, 不添加其他内容 */ 'use strict'; const hideChaos = ` #csdn-toolbar .toolbar-advert,#csdn-toolbar .toolbar-container-left,#csdn-toolbar .toolbar-container-right, .toolbar-search-drop-menu.toolbar-search-half, ::-webkit-input-placeholder, #placeholder #blogColumnPayAdvert, .csdn-side-toolbar, aside, #dmp_ad_58, .recommend-box, .login-mark, .blog-footer-bottom, .template-box,.leftPop, #toolBarBox, .comment-edit-box.d-flex, #passportbox, .opt-box.text-center, .hide-article-box.hide-article-pos.text-center, #rightAside {display:none!important; color: transparent; visible:hidden} .toolbar-search.onlySearch{transition:all 0.3s ease;} body #csdn-toolbar{box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);position:fixed !important;top: 0px;left: 0px;width: 100%;z-index: 1993;} .toolbar-search.onlySearch:focus-within {max-width:1000px!important; width:1000px!important} .d-flex{display:block!important} .main_father{height: auto !important;} main{width:100%!important; box-shadow: 0 0 30px #959fa378; margin-bottom:0!important;} #mainBox{margin:50px auto; width:1000px!important} .comment-list-box{max-height:none!important} #commentPage, .toolbar-container-middle{display:block!important} #article_content{height:auto !important} .comment-list-container{padding: 4px 0!important} .article-header-box{padding-top: 18px !important} main .comment-box{padding: 0;box-shadow: 0 0 10px rgba(0,0,0,0.05);margin:8px 0;} `; GM_addStyle(hideChaos); })();