为了达到完美的阅读模式这个小目标 ,我适配了 120+ 个网站,因此诞生了简悦 - 让你瞬间进入沉浸式阅读的 Chrome 扩展

2017-06-13 07:19:55 +08:00
 kenshin

好吧,这应该是我写过最长的标题了,但不是标题党... 同样,也是我业余项目中单个版本开发周期最长的一个项目。


在「信息过载」的当下,如果你有与我一样的 「阅读障碍」,本篇文章会对你所有帮助。


简悦 - SimpRead

让你瞬间进入沉浸式阅读的 Chrome 扩展,还原阅读的本质,提升你的阅读体验。


简悦是什么:

简悦是 沉浸式阅读的 Chrome 扩展,取自:「单阅读,心情愉」 之意。

简悦解决的问题:

为了避免文章开头所说的信息过载,我经常会使用「类似 Safari 中的阅读模式」,无奈 Chrome 下并没有太好的扩展,陆续使用了很多类似扩展,但这些扩展大多存在如下的一些问题:

所以,初衷是为了有更好的阅读体验,结果事实却往往 “打脸” 打的厉害...

本着前端开发工程师的一贯 “特质”:既然没有好用的扩展,撸袖子,自己动手丰衣足食。为了避免犯同样的 “错误”,所以这个 Chrome 扩展 不能走老路,即:

前者很容易实现,使用 Chrome extension API: content_scripts 即可达到注入页面,并能控制页面元素的目的。

后者不能按照常规的办法,因为没办法要求每个页面都按照良好的风格生成。但是,毕竟一个人经常阅读的网站就那些多,而且这些网站并不会经常更改其页面结构,所以如果能逐一适配这些网站,并且按照符合中文阅读的习惯生成页面即可。

最终通过分析一些常用的阅读咨询类 网站 / App 的数据,再加上精准适配,最终诞生了标题说的内容!

主要功能一览:

截图:

(视觉效果)

(阅读模式)

(阅读模式 · 控制栏界面)

照片集:

详细功能:

如何使用(阅读模式):

简悦会自动检测当前页面是否已经适配,如适配则在浏览器右上角显示 ,使用以下三种方式启动:

如何使用(聚焦模式):

聚焦模式 会自动获取当前鼠标所在的段落并高亮,适合任意页面。

投票:

简悦是一个免费并开源的项目。如果觉得不错,请给我 投票 。这样让更多人了解并受用与 简悦 带来的便利,你的认可是对我最大的鼓励。

下一步:

新版本的功能,大家说的算,目前包含了以下几点:

相关链接:

已知的一些问题:

说了一大堆 简悦 的优点,必须要自黑一下,列举几个发现的缺陷:

简悦需要你的帮助才能变得更好:

如果遇到了一篇需要使用 阅读模式 的网址却没有适配怎么办?

最后,如果你对 简悦 并不满意,提供给你其它一些同类产品:

21696 次点击
所在节点    分享创造
157 条回复
LZRng
2017-06-13 12:57:35 +08:00
能不能万能适配,我看一下游戏网站尤其需要阅读模式。想 Safari 自带那样的。
jimages
2017-06-13 13:06:15 +08:00
你可以做个规则的文件配置,然后这些文字配置可以交给社区维护,就像是 adblock 一样。订阅规则,实时更新。
kenshin
2017-06-13 13:06:30 +08:00
@livc
在做 简悦 的时候,我参考了大量的类似扩展,也包括你用的这款,所以建议可以试试 简悦,随便给出两个对比,就知道了。

前者


后者(简悦)


这还仅仅是页面结构比较不错的网站...
kenshin
2017-06-13 13:12:24 +08:00
@LZRng
帖子里说了,如果精美显示页面的话,并没有可能 “万能适配”,因为每个页面结构都不一样。

@jimages
其实已经有 “文件规则适配” 了,请看 “第 1 条附言”,但的确没有一个明确的 社区维护 流程。

PS:“规则订阅” 是个好想法~
popu111
2017-06-13 13:19:11 +08:00
比较好奇思维导图是用啥画的。。。现在用 XMind 感觉好重
kenshin
2017-06-13 13:49:05 +08:00
@ty89
Safari 的阅读模式 也是开发简悦时候的参考之一,以下几个截图分别用 Safari 阅读模式 与 简悦效果之间的比较。

含有代码的比较





页面结构合理的比较



ansheng
2017-06-13 14:04:16 +08:00
图是用撒化的呢?
zwpaper
2017-06-13 14:10:56 +08:00
simptab 好久没更新了 😂
linKnowEasy
2017-06-13 14:17:35 +08:00
如果不是我的眼睛有问题的话。 简书的代码. 阅读模式下 有虚影???
YvesX
2017-06-13 14:18:35 +08:00
进入阅读模式再退出,字体不会恢复
yinxingren
2017-06-13 14:20:22 +08:00
真的很棒~
kenshin
2017-06-13 14:24:54 +08:00
@popu111
https://coggle.it/ 我都用了好几年了,你值得拥有~

@ansheng
脑图?看面的回复。
daimazha
2017-06-13 14:31:02 +08:00
可以设置某些站点自动进入阅读模式嘛。
kenshin
2017-06-13 14:40:03 +08:00
@zwpaper
的确好久没更新了,在本周内准备搞定几个小修复。

从去年开始,基本上 业余时间的导向 SimpTab → gnvm → SimpRead ( 这货是从 去年 12 月份开始,一直到现在...)
kenshin
2017-06-13 14:44:22 +08:00
@daimazha
其实原本有这个自动进入阅读模式的功能,但毕竟 阅读模式 不能 100% 满足任何完整,所以为了体验性暂时没有加,但可以通过,右键 → 简悦 → 使用阅读模式打开此链接 的方式。

@linKnowEasy
是的,因为


如果觉得阴影不爽的话,下个版本提供自定以 Theme 功能。

@yinxingren
谢谢~
bayernmunchen
2017-06-13 14:47:27 +08:00
非常赞 已收藏
taurenshaman
2017-06-13 15:11:35 +08:00
dwlinux
2017-06-13 16:08:37 +08:00
体验了一下,很赞!!
kenshin
2017-06-13 16:41:34 +08:00
setsunakute
2017-06-13 17:22:21 +08:00
非常棒,已 star ^_^

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/367982

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX