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

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

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


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


简悦 - SimpRead

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


简悦是什么:

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

简悦解决的问题:

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

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

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

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

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

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

主要功能一览:

截图:

(视觉效果)

(阅读模式)

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

照片集:

详细功能:

如何使用(阅读模式):

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

如何使用(聚焦模式):

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

投票:

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

下一步:

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

相关链接:

已知的一些问题:

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

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

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

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

21148 次点击
所在节点    分享创造
157 条回复
kenshin
2017-06-13 09:29:39 +08:00
@Anybfans #11
给我地址,我看看,可以再远程同步增加新站,详细 https://github.com/Kenshin/simpread/wiki/%E7%AB%99%E7%82%B9%E7%BC%96%E8%BE%91%E5%99%A8

@timothyye
不仅是简书,很多如果页面结构写的还不错的网址,都可以较完美的呈现,如:爱范儿 少数派 数字尾巴 好奇心 等等。
timothyye
2017-06-13 09:30:35 +08:00
@kenshin 66666
vinsa
2017-06-13 09:41:52 +08:00
支持,态度优先,必须精品。
kenshin
2017-06-13 09:47:06 +08:00
@harry890829
感谢支持,可以用简悦在电脑上看文章试试,万一不错呢?
mlhorizon
2017-06-13 09:52:58 +08:00
Good job !
adamwang
2017-06-13 09:58:04 +08:00
Pretty cool.
zhongkouwei
2017-06-13 10:03:30 +08:00
厉害厉害
kenshin
2017-06-13 10:03:38 +08:00
@crisfun
就是因为我也没找到,所以,一言不合就撸轮子!

@songjiaxin2008
这是 Mockup 上的效果,我家没有这个台灯... 😄
zhongkouwei
2017-06-13 10:03:43 +08:00
创意真的不错
nazhenhuiyi294
2017-06-13 10:21:57 +08:00
赞.. 创意不错
yipeng
2017-06-13 10:26:56 +08:00
@kenshin
我自己能看懂
但是
为了达到一种 人人都能看懂的效果 不是更好吗?
本身是个好产品
这些小细节做好就更好了
jeeve
2017-06-13 10:29:10 +08:00
已在浏览迷网站进行了推荐: https://liulanmi.com/zt/12211.html
kenshin
2017-06-13 10:30:25 +08:00
@yipeng
okay,我会在显著位置增加 下载链接,感谢建议~
server
2017-06-13 10:32:22 +08:00
66666,已安装
yipeng
2017-06-13 10:42:48 +08:00
@kenshin
自 Clearly 关闭之后终于等到你
kenshin
2017-06-13 11:22:49 +08:00
@yipeng #35
我当年也是 Clearly 的用户,后来被废掉后,陆续辗转用了好几个产品...
最后,实在没办法,撸袖子做了 简悦。

话说,我的网盘里面还有 Clearly 的离线版,留作纪念了。简悦最初的 UI 就像模仿 Clearly,后来突然意识到可以用用 Material design,才有了现在的风格。

@jeeve
感谢推荐,本打算先在这里预热一下,然后再一家一家的 “拜码头”。
ty89
2017-06-13 11:47:37 +08:00
我一直用 safari 的阅读器视图,非常好用,特别对于国内的内容网站,满屏广告图片弹窗乱飞一键变安静
Anybfans
2017-06-13 12:45:37 +08:00
livc
2017-06-13 12:54:02 +08:00
kenshin
2017-06-13 12:56:40 +08:00
@Anybfans
关于适配的网址,至少可以满足阅读的需求,比如已适配的微博文章
http://weibo.com/ttarticle/p/show?id=2309404117842772526101&simpread_mode=read

你给出的 url 没有需要长时间,大段的阅读内容,所以没有适配。

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

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

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

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

© 2021 V2EX