Chrome插件开发之CSDN博客阅读模式

最新推荐文章于 2024-05-23 09:51:56 发布
最新推荐文章于 2024-05-23 09:51:56 发布
阅读量3.2k 收藏 1
点赞数
分类专栏： Chrome插件 文章标签： chrome插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/trbbadboy/article/details/8572877
版权

已经过期无法正常使用了~~~


初学Chrome的插件开发，做了这个“CSDN博客阅读模式”，用它可以方便阅读或者打印CSDN博客（因为我常有需要把CSDN的博客打印成为PDF的需求）。

在Chrome上安装并启用插件之后如果你进入CSDN的博客阅读界面，那么在浏览器的地址栏上面可以看到插件的图标（在非CSDN博客页面没法看到的），你单击它之后将弹出一个小操作面板。点击小面板上面的“阅读模式”将自动去除博客页面上除了博客正文外的其他内容方便阅读和打印。

插件的图标和操作面板：



进入阅读模式后的页面（只剩正文了）：



插件下载地址：http://pan.baidu.com/share/link?shareid=281439&uk=201730971


RobinTang
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
玩转CSDN之复制与专注阅读
haiw2的博客
09-12 240
目录一、介绍二、油猴基础2.1 匹配站点2.2 配置信息2.2 闭包三、实现步骤3.1 取消：登录复制限制3.2 添加：专注阅读模式（含目录）四、展示效果五、外链 一、介绍 本文章仅供参考学习，内容皆通过测试开发出来的结果编写。 众所周知，CSDN部分文章一直饱受大家的诟病，本文便入门般地介绍一下如何通过u猴1脚本来解决CSDN中部分文章的登录复制限制，以及对接浏览器F9进入阅读模式的功能实现CSDN文章的专注阅读模式。 二、油猴基础 2.1 匹配站点 在自定义的脚本中添加如下代码，匹配站点支持正则2 注：
神奇的网页阅读模式
weixin_33912638的博客
03-29 1281
　　今天突然之间发现了一个网页中含有阅读模式，打开之后网页中的所有广告被屏蔽掉了，确实非常的舒服，看网页的感觉就像看书一样。可以这个功能究竟是什么回事呢?   　　操作步骤： 　　1、在浏览器中输入，about:config　　2、搜索 reader.parse-on-load.enabled，确定值为“true”即可 　　注意事项： 　　有部分人，可能会神奇的发现有些页面是看不到阅读模...
【js】在csdn中开启阅读模式
Evan_QB的博客
03-05 1518
// ==UserScript== // @name 开启阅读模式 // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author evan_qb // @match http://b...
推荐开源项目：读点东西 - 极简阅读新体验
最新发布
gitblog_00025的博客
05-23 381
推荐开源项目：读点东西 - 极简阅读新体验 项目地址:https://gitcode.com/ReadSomething/ReadSomething 在这个信息爆炸的时代，高效而舒适的阅读成为了一种必不可少的能力。今天，我们要向您推荐一款名为“读点东西”的开源项目，这是一款专为提升在线阅读体验打造的工具，借鉴了Safari阅读模式的理念，将简洁与实用性完美融合。 项目介绍 读点东西 是一个浏览器扩...
猴游脚本 CSDN阅读模式
宏斌的博客
04-14 628
安装： link // ==UserScript== // @name CSDN Reading mode togger // @namespace http://tampermonkey.net/ // @version 0.1 // @description 用于csdn博客阅读时内容区域扩大 // @author 宏斌 // @match https://blog.csdn.net/* // @grant none // ==.
给 CSDN 博客开发 Chrome 插件-专注模式-源码
03-02
欢迎来到我的 Chrome 插件系列教程。 通过本文，你将学到 Chrome 插件以下内容： 1. 使用扩展服务工作者作为事件协调器。 2. 通过 activeTab 权限保护用户隐私。 3. 当用户单击扩展工具栏图标时运行代码。 4. 使用 ...
给 CSDN 博客开发 Chrome 插件-阅读时间-源码
03-02
欢迎来到我的 Chrome ...执行结果：在 csdn 博客的开头添加一个大概的博客阅读时间 原文链接：https://blog.csdn.net/baofs/article/details/129287769 适合人群： 1. Chrome 插件初学者 2. 前端开发 3. 初级程序员
屏蔽CSDN广告插件 - chrome
01-20
标题 "屏蔽CSDN广告插件 - chrome" 暗示了这个压缩包包含了一个用于在Chrome浏览器上阻止CSDN网站广告的扩展程序。这个程序可能是由JavaScript（JS）和CSS（层叠样式表）编写，这两种技术是前端开发中的核心元素。 ...
使用 vue3.x版本开发 chrome插件
12-31
使用vue开发chrome浏览器插件，可以方便前端人员开发插件页面，不管是popup页面，content页面等都可以使用vue开发模式很方便的开发需求 码云地址：https://gitee.com/guoqiankun/my-vue3-plugin github地址：...
流沙：用于 CSDN 博客网站的暗黑和明亮主题切换的 chrome 浏览器插件。
08-15
v3版本的Chrome插件开发意味着该插件利用了Google Chrome最新提供的功能，如更严格的权限控制、背景脚本的持续运行以及改进的隐私安全特性。这些改进旨在提升用户体验，同时降低恶意插件的风险。 “流沙”插件的...
开启网站阅读模式easyread.zip
07-18
easyread是我看了遨游浏览器自带的“阅读模式”后，感觉这个功能挺好的，所以想在自己的博客上添加这个功能。于是就在自己的博客上完成了这个功能。一个朋友感觉这个效果也不错，于是就问我要了源码。我想可不可以做成像网上的其他jQuery插件一样，用户可以把这个功能当成一个jQuery插件，用的时候只需要引入js和css等，然后自己设置相关的代码呢？于是我就开始着手将其改成一个jQuery插件的形式。因为是第一次写jQuery插件，可能很多地方都不符合jQuery插件的规范，希望各位朋友想我多多提出宝贵的建议，让这个插件更加完善。最后因为这个插件是为了方便浏览者阅读的于是就给他起了个名字叫做easyread。 在线演示 标签：easyread
Chrome插件-《SimpRead》为任意网页开启阅读模式.zip
04-27
Chrome插件-《SimpRead》为任意网页开启阅读模式.zip。为网页开启阅读模式, 能让我们更专注于内容, 不会被花花绿绿的广告推广分散精力, 而SimpRead就是一歀为网页开启阅读模式的插件
tampermonkey实现CSDN阅读模式
LFSenior
07-29 3997
因为技能树都是图片形式的总结，以下是csdn的阅读模式脚本 // ==UserScript== // @name csdn阅读模式 // @namespace http://tampermonkey.net/ // @version 1.0 // @description try to take over the world! // @author
解决CSDN不登录无法点击阅读全文问题
qq_41748387的博客
11-30 6472
解决CSDN不登录无法阅读全文问题 最近CSDN不登录无法阅读全文，解决办法也非常直接，自己动手写一个脚本。 步骤如下： 1.由于本人用的Chrome浏览器，所以直接用的一个写脚本的插件，叫做Tampermonkey，自行在Chrome商店中下载。 2.打开插件，添加新脚本，添加如下代码即可 // ==UserScript== // @name CSDN button remove...
关于付费专栏订阅模式调整的说明
老猿Python
10-16 2289
老猿目前开通了2个付费专栏，付费专栏《使用PyQt开发图形界面Python应用》专门介绍基于Python的PyQt图形界面开发基础教程，付费专栏《moviepy音视频开发专栏》详细介绍moviepy音视频剪辑合成处理的类相关方法及使用相关方法进行相关剪辑合成场景的处理，都适合有一定Python基础但无相关专利知识的小白读者学习。 这2个收费专栏以前在CSDN上只需订阅一次即都可以阅读，最近CSDN的版本进行了更新，支持分专栏订阅，因此老猿的付费专栏在10月10日进行了订阅模式调整，订购分专栏进行，订购哪个专
CSDN博客使用指南之【博客设置】：使用活动定制皮肤、自定义CSDN栏目模块技巧、设置试读文章
iOS逆向与安全
05-14 1641
文章目录引言I 、博客设置1.1 自定义CSDN栏目模块1.2 如何使用活动定制皮肤？1.3 怎么设置试读文章 引言 CSDN博客使用指南总目录 https://kunnan.blog.csdn.net/article/details/112564726 I 、博客设置 1.1 自定义CSDN栏目模块 使用权限：VIP、博客专家、企业博客 栏目内容支持HTML格式，不支持JS，最多添加1个自定义栏目，VIP、博客专家、企业博客才可在个人详情页显示 推荐展示内容：精彩博文选登+ 公众号二维码
CSDN博客文章阅读模式插件(附源码)
Admans的专栏
03-20 2458
插件地址：https://greasyfork.org/zh-CN/scripts/380667-csdn%E5%8D%9A%E5%AE%A2%E9%98%85%E8%AF%BB%E6%A8%A1%E5%BC%8F%E5%88%87%E6%8D%A2%E6%8F%92%E4%BB%B6 插件安装使用说明请参阅：https://greasyfork.org/zh-CN 浏览器（正常）模式效...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

RobinTang

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值