浏览csdn博客自动隐藏侧边栏并只看目录

news/2024/10/30 23:14:10/

背景

    CSDN 总算做了点好事,能够隐藏大部分无关信息,只看博客内容本身。具体如图,还在测试版

以我的一篇博客为例,原始界面,花里胡哨一堆

请添加图片描述

点击隐藏侧栏后的清爽版

请添加图片描述

点击只看目录后的清爽版

请添加图片描述

前提提要

安装油猴脚本,不会的请参照。chorm浏览器安装油猴扩展。注意,只要你的浏览器安装了油猴都行,不限制浏览器。

如果想了解了油猴脚本怎么写,代码里面是些啥请阅读 自己编写油猴脚本时踩得坑

实现代码

采用的解决方案是油猴脚本,代码如下

// ==UserScript==
// @name         自动展开只看目录
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       至渝
// @match        *://blog.csdn.net/*/article/details/*
// @grant        unsafeWindow
// ==/UserScript==(function() {'use strict';// 有目录的文章只需要点击只看目录即可var rre1 = document.querySelector(".csdn-side-toolbar ").querySelector(".directory-show");var text1 = rre1.style.display;if (text1 == "block") {rre1.click()}// 没有目录的文章点击隐藏侧边栏var rre2 = document.querySelector(".csdn-side-toolbar ").querySelector(".sidecolumn-show");var text2 = rre2.style.display;if (text2 == "block") {rre2.click()}
})(); 

有了代码不知道怎么用?

拿到了代码,也安装了油猴,怎么用?

  1. 首先点击浏览器右上角的油猴图标,然后选择管理面板
    请添加图片描述

如果发现右上角没有油猴图标?

请添加图片描述

  1. 进入管理面板后,点已安装脚本的左边加号

请添加图片描述

  1. 把代码全复制到这个框框下,保存就行

请添加图片描述


http://www.ppmy.cn/news/67779.html

相关文章

ComPDFKit PDF SDK for Windows crack

ComPDFKit PDF SDK for Windows crack 增加了对新文本编辑功能的支持,如添加其他字体、设置粗体/斜体、复制文本样式和修改文本透明度。 增加了对新级别文档加密的支持,包括AES-128和AES-256。 ComPDFKit PDF SDK允许开发人员在Windows(iOS和Android平台…

在 AWS 中存储应用程序参数的最佳方式

许多应用程序现在托管在公共云平台上,因此必须利用云来存储其数据和应用程序参数。在最受欢迎的云提供商中,亚马逊网络服务(AWS)是使用最广泛的。虽然 AWS 提供了许多用于存储应用程序参数的解决方案,但了解哪个选项最…

音频转换成mp3的方法

把音频转换为MP3格式是因为MP3格式可以更好地压缩音频文件,减小文件大小,便于存储和传输。此外,MP3格式已成为流行的音频格式之一,许多设备和软件都支持MP3格式,使得MP3格式成为了一种通用的音频格式。总的来说&#x…

Springboot +Flowable,流程表单应用之外置表单(JSON形式)(二)

一.简介 整体上来说,我们可以将Flowable 的表单分为三种不同的类型: 动态表单 这种表单定义方式我们可以配置表单中每一个字段的可读性、可写性、是否必填等信息,不过不能定义完整的表单页面。外置表单 外置表单我们只需要定义一下表单的 k…

postman工具使用中,遇到的简单疑问

post请求和get请求有什么区别? GET请求和POST请求都是HTTP协议中的两种常见请求方式,主要区别如下: GET请求在请求URL的后面附带参数,而POST请求则将参数包含在请求体中。 GET请求的数据是以查询字符串的形式传递的,而…

软件兼容性测试知识分享,兼容性测试有什么作用?

一、软件兼容性测试是什么? 软件兼容性测试是指检查软件之间能否正确地进行交互和共享信息。随着用户对来自各种类型软件之间共享数据能力和充分利用空间同时执行多个程序能力的要求,测试软件之间能否协作变得越来越重要。软件兼容性测试工作的目标是保证软件按照用…

容器技术Docker

什么是容器 Linux容器是与系统其他部分隔离开的一系列进程,从另一个系统镜像运行,并由该镜像提供支持进程所需的全部文件。 容器镜像包含了应用的所有依赖项,因而在从开发到测试再到生产的整个过程中,它都具有可移植性和一致性。…

最新DNDC模型在土地利用变化、未来气候变化下的建模方法及温室气体时空动态模拟

由于全球变暖、大气中温室气体浓度逐年增加等问题的出现,“双碳”行动特别是碳中和已经在世界范围形成广泛影响。国家领导人在多次重要会议上讲到,要把“双碳”纳入经济社会发展和生态文明建设整体布局。同时,提到要把减污降碳协同增效作为促…