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

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

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


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


简悦 - SimpRead

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


简悦是什么:

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

简悦解决的问题:

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

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

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

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

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

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

主要功能一览:

截图:

(视觉效果)

(阅读模式)

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

照片集:

详细功能:

如何使用(阅读模式):

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

如何使用(聚焦模式):

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

投票:

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

下一步:

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

相关链接:

已知的一些问题:

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

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

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

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

21699 次点击
所在节点    分享创造
157 条回复
zerOlike
2017-06-15 11:09:24 +08:00
赞,,6666666
kenshin
2017-06-15 11:29:09 +08:00
右下角的 「控制栏」 与 顶部的 「阅读进度」 在下个版本中都可以设定为不显示。 :)
panzhc
2017-06-15 12:59:11 +08:00
@kenshin chrome 插件的设定我一般都是一次性配好,后面懒得去改,反而退出是强需求,所以建议一定要有个退出的快捷键。
kenshin
2017-06-15 13:30:15 +08:00
@panzhc #103
okay,没问题,下个版本就会提供。( 但暂时不提供自定义,只是将 「常用的 esc 」 加入到快捷键操作。)
kenshin
2017-06-15 15:47:44 +08:00
@YvesX #50
我重现了你说的情况,可以 Fix 掉。 :)
malagebidi
2017-06-15 16:15:09 +08:00
右键菜单能禁用吗,强迫症不能忍啊
sumuu
2017-06-15 16:45:46 +08:00
这个牛逼!先赞
kenshin
2017-06-15 17:48:05 +08:00
@malagebidi #106
下个版本提供,还有比我还强迫症的 :)
witcherhope
2017-06-15 21:23:20 +08:00
很贴心的功能, 目前体验良好
kenshin
2017-06-15 21:38:47 +08:00
@witcherhope
谢谢评价,下个版本重点搞定一些细节的定制化。
huamingrui
2017-06-15 23:24:29 +08:00
本来想提议加个退出快捷键和隐藏顶部进度条, 发现作者已经决定下个版本就实现了, 大赞!
kenshin
2017-06-16 09:34:23 +08:00
@huamingrui #111
众心所向 😄
Aether
2017-06-16 10:17:25 +08:00
试用了一下,感觉 Evernote 提供的 Clearly 更好一些。主要的问题有两个:1、红色的按钮太刺眼了,完全削弱了初心; 2、段落宽度控制有问题。现在的排版是自适应的宽度,然而在比较高的分辨率下,阅读会有问题。这部分建议楼主研究一下排版,应该有很多文章讨论中英文文章,适合阅读的最佳宽度、最宽宽度等等。
kenshin
2017-06-16 11:18:38 +08:00
@Aether #113
感谢回复,我也挺喜欢 Clearly,用它用了很久。

但 Clearly 有些问题,我也在帖子里面说了,你可以看看 #43 #46 楼的截图,以及我刚刚使用 Clearly 的对比,这还不包括 各种更奇葩的 页面结构 或者 含有大段代码的 页面等。

设计良好的页面结构,Clearly 效果



设计良好的页面结构,简悦 效果



设计良好的含有代码的页面结构,Clearly



设计良好的含有代码的页面结构, 简悦



高分辨率下的 2560 * 1600 Clearly



高分辨率下的 2560 * 1600 简悦



另外,你说的 控制栏 在下个版本中可以设定为隐藏;段落问题可以通过 站点编辑器 解决。
solobat
2017-06-16 11:33:03 +08:00
功能挺丰富,希望越做越好
kenshin
2017-06-16 11:59:09 +08:00
@solobat #115
谢谢~
sumuu
2017-06-16 12:08:09 +08:00
哥们,报个 Bug!

系统: Linux Minit 1 8.01 MATE 64bit
chrome: Version 59.0.3071.104 (Official Build) (64-bit)

在 V2EX 上面选择"使用阅读模式打开此链接" 点击无效
kenshin
2017-06-16 12:30:27 +08:00
@sumuu #117
3ks~
虽然在页面的任何位置都可以显示「使用阅读模式打开此链接」 ,但只能在 「网页的链接」 上有效,非链接的位置无效...
hester
2017-06-16 14:38:55 +08:00
我就是从 Readability -> Clearly -> Mercury Reader -> 简悦 一路走过来的,Readability 虽然不是专门做这个的,本来也不错,后来发现解析越来越差,后来迁移到 印象笔记,但是印象笔记放弃它了... 即便没有放弃,也存在一些问题。
后来又用了一段时间 Mercury Reader,它支持 E 文 的页面还不错,中文就够呛了,而且速度还慢。

之后完全不使用阅读模式类的扩展了,反正也没太好用的,直到发现了简悦。 :)
kenshin
2017-06-16 16:38:42 +08:00
@hester #119
😄 感谢这么中肯的留言~

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

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

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

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

© 2021 V2EX