[工具]Chrome插件—CSDN开发助手，有点意思！

最新推荐文章于 2023-03-02 11:13:19 发布

CnPeng

最新推荐文章于 2023-03-02 11:13:19 发布

阅读量1.6k

点赞数 1

分类专栏：工具文章标签： Chrome插件 CSDN 工具 CnPeng

本文链接：https://blog.csdn.net/north1989/article/details/112344231

版权

工具专栏收录该内容

6 篇文章 2 订阅

订阅专栏

今天，准备在 CSDN 写点内容时，无意间发现了这个 Chrome插件内测大赛，喏，它的入口在这里：

在这里插入图片描述
平时都是直接点击 写文章 就进入了，今天意外的停留了一下，然后就发现了这个入口。此时我才知道，原来 CSDN 也有 Chrome 插件了！

1.1 插件下载

首先，我们进入插件下载页看一下，首先映入眼帘的是这一排常用工具：
在这里插入图片描述
虽然上面的 sologan 很大很突出，但是下面这一排常用工具对程序员的吸引更大，所以……不用往下看了，直接进入 Chrome 商店下载安装和运行，然后我们会看到下面的样子：
上图中我圈出来 8 个区域，并分别用数字做了标识，接下来，我们就挨个介绍。

1.2 插件内容介绍

1.2.1 搜索框

我们将光标放入到输入框，就会展示搜索历史，这样可以避免误操作关闭页面之后重新输入搜索内容的情况：
在这里插入图片描述
点击左侧的下拉还可以指定搜索引擎，可以让我们免于被各种与技术无关的文章所困扰。如果默认集成的搜索引擎无法满足你的需求，还可以点击末尾的 + 添加：

1.2.2 常用网址导航

在这里插入图片描述
此处展示了常用的网址导航，可以左右滑动切换，也可以点击两侧的箭头切换下一屏或上一屏。

这个地方有个不足就是，由于导航条目的图标和标题使用了半透明，所以当背景图片比较复杂时，导航条目显示的就不是很清晰了。后面的内容中我们再介绍如何解决这个问题。另外，导航中的条目和条目的布局格式也支持自定义，也放在后面内容中介绍。

如果我们想要删除其中的某个条目，可以右击该条目，然后就进入编辑状态，如下：
在这里插入图片描述
其实，对于条目的编辑，如果增加长按操作应该会更多。

1.2.3 随机切换壁纸

在这里插入图片描述
点击右下角的这个彩色风车之后，就可以随机切换一张壁纸。虽然——程序员一般不咋关注这些细节，但是也可以把这个功能作为一个解压的方式啊。

1.2.4 设置壁纸源

在这里插入图片描述
点击上图中圈出来的图标之后，会看到下面的样子：

如上图，CSDN 壁纸 和 必应壁纸 是插件提供的网络壁纸，点击右上角的开关可以控制是否每日自动更新壁纸。而且还支持纯色壁纸和上传本地壁纸。

如果使用纯色壁纸就可以解决前面我们所说的背景复杂时，导航条目显示不清晰的问题。——当然，后面我们还会介绍其他的解决方法。

本地壁纸可以上传任意你喜欢的壁纸，这个很人性化。

1.2.5 与显示相关的设置

在这里插入图片描述
点击上图中的按钮可以对插件进行各种设置，如下：

1.2.5.1 添加常用导航

常用导航分了 7 大类，避免了内容的杂乱，具体如下：
在这里插入图片描述
点击上图的 自定义添加网址 可以添加自己想放在常用导航中的导航条目：

在上图的 1 区域中，可以设置自定义导航条目的地址、名称和图标颜色。点击 添加 之后，就会在 3 区域展示。

2 区域是默认的几个常用网址，目前不支持修改。如果该区域中的某个条目没有在 3 区域展示，单击该条目即可将其添加到 3 中。
在这里插入图片描述
此处添加的是偏功能性的网站内容，操作方法同上

此处添加的是视频网站内容，操作方法同上。

此处添加的是社区网站内容，操作方法同上。

此处添加的是资讯网站内容，操作方法同上。

此处添加的是编码类网站内容，操作方法同上。

在这里插入图片描述
与本插件的设置相关的导航地址。操作方法同上。

在添加常用导航时，我们会看到 2 区域中会有一个搜索框，但是，目前添加自定义网址时是直接添加到 3 区域，而不是添加到 2 区域，所以，2 区域的搜索框貌似没有啥作用——毕竟目前默认的每一类中的导航都比较少。

另外，在 1 区域添加自定义网址时，会自动抓取对应网站的 logo, 但是，如果此处支持自定义 logo 图片应该会更好。

1.2.5.2 页面配置

在这里插入图片描述
点击右上角的这个图标可以进入页面配置页面，如下：

上图中，1 区域控制布局展示样式，我们切换到 旧版 之后，会看到如下样子：

2 区域中可以调整导航图标的样式，但只有当 1 区域中选择了新版时才有效。（将图标透明度改为100%时，也可以解决背景复杂时图标显示不清的问题。）

3 区域控制的是搜索框的样式。

4 区域控制的是导航条目的布局方式，可以根据自己的需要进行选择。

5 区域控制左侧所有内容的缩放，包括搜索框和导航条目的缩放。

6 区域可以调整左侧背景的模糊程度，通过调整模糊程度也可以解决背景复杂时导航条目显示不清的问题。

7 区域修改的是导航条目下方标题的颜色。

1.2.6 操作设置

进入操作设置页面时有两种方式，一种是通过常用导航中的 插件设置 快速进入；一种是通过 Chrome 浏览器本身的扩展程序管理进入本插件详情，然后再进入扩展程序选项。这两种方式最后都会进入同一个设置页面。

插件设置 的快速入口如下：
在这里插入图片描述
点击之后，展示内容如下：

1.2.6.1 搜索引擎管理

在这里插入图片描述
搜索引擎 中可以对插件搜索时使用的引擎进行增删管理。

1.2.6.2 快捷键管理

在这里插入图片描述
上图中，快捷键设置 指定了在任意网站内容唤醒 CSDN 插件中搜索功能的快捷键。

比如，我们当前在百度页面中，点击任意空白位置，然后按下键盘上的 o 即可唤醒 CSDN 插件中的搜索功能，如下：
在这里插入图片描述
然后我们就可以在输入框中输入想要搜索的内容。这就避免了我们想搜索某个内容时再单开一个新页面的情况。

该搜索支持内容包括：支持本地书签、tab页、历史记录搜索以及网络内容。

更多快捷键的说明如下：

快捷键	说明
o	搜索CSDN、书签、历史记录、标签页，在当前页面跳转选中的结果
shift + o	搜索CSDN、书签、历史记录、标签页，在新页面打开选中的结果
b	搜索书签，在当前页面跳转选中的结果
shift + b	搜索书签，并在新页面打开选中的结果
shift + t	搜索并切换标签页

该插件还支持右键菜单，如下图，我们选中一段文本，然后右击，从列表中可以选择 CSDN 搜索，然后就可以查询 CSDN 中与选中文本相关的全部帖子。
在这里插入图片描述