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

注:简悦已升至 1.0.3,请看本帖最后部分。


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


简悦的官网 在这里,代码开源并托管在 Github 上,通过 Chrome Webstore 下载 或者 离线下载

简悦新增加了 Telegram 群,方便大家沟通与反馈;以及测试版通道,详细请看 这里

简悦是什么:

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

简悦解决的问题:

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

  • 加载过慢,因为使用了 iframe 方案;
  • 某些图片无法显示,因为这些图片增加了 防盗链 功能;
  • 个别页面图文排版混乱,因为这些页面并没有按照常规方式生成,尤其是含有代码类的网页;

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

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

  • 不使用 iframe 的方式,避免了 加载过慢 / 防盗链 的问题;
  • 生成适合 中文阅读 习惯的页面;

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

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

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

主要功能一览:

  • 阅读模式; 逐一适配了 120+ 个网站,并提取 标题 描述 正文 媒体资源( 图片/ 视频 ) 等,生成 符合中文阅读 的页面
  • 聚焦模式; 只高亮需要阅读,并隐藏掉其余部分,不分散用户的注意力,适合 非适配阅读模式 的网站,或者 临时阅读
  • 站点编辑器; 可编程,定制化,详细请看 站点编辑器
  • 多种主题; 白练、白磁、卯之花色、丁子色、娟鼠、月白、百合、紺鼠、黒鸢
  • 同步、上传/下载 配置、同步适配列表等;
  • 稍后读;

截图:

(阅读模式)

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

(小众上面的一些文章应用阅读模式后的截图)

照片集:

详细功能:

如何使用(阅读模式):

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

  • 点击浏览器右上角 红色icon
  • 右键选择 简悦 - SimpRead阅读模式
  • 快捷键;(默认为 双击 A )

如何使用(聚焦模式):

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

  • 在需要高亮的区域,右键选择 简悦 - SimpRead聚焦模式
  • 快捷键;(默认为 A S )

最后,希望 简悦 可以 还原阅读的本质,提升你的阅读体验!

4赞

网站改版怎么办?是不是需要重新适配一遍?~:joy:

不需要自己适配,毕竟这属于少数事件。

1.0.0 提供了 站点编辑器,以及 同步适配网站 功能,都可以及时更新改版后的新布局。 :slight_smile:

firefox 用户凄惨路过.

由于是业务项目,目前暂时只能保障 Chrome 版本的更新。如果以后稳定了,可以考虑 Safari / Firefox :joy:

我能理解你的心情,因为我现在还有台 Lumia 930 服役中…

上架Windows store有没有可能?:slight_smile:

跟楼上一样的待遇… :sweat_smile:

如果能有人帮我一起维护的话,或许会快些。

求求开发者了,教一下我怎么用吧,我已经找了好久了,完全不会用啊。而且它到底适配了哪120+个网站,介绍页打开全是代码啊:disappointed_relieved:

应该已经写清楚如何使用了。

我在这里再贴一下,希望可以帮到你。

适配的网址 在这里 由于太多,所以需要通过 ctrl + F / control + F 方式搜索

谢谢啊,我粗心了:sweat: 点开适配网站好多404啊,找到能打开的经过多次尝试终于成功了:disappointed_relieved: 小建议,能不能适配一下知乎啊:relaxed:

客气啊 :sweat_smile:

适配网址 404 是因为有 *号 存在,如图: Imgur

*号 意味着模糊匹配,如上图的意思是以下网址也可以匹配:

https://www.douban.com/group/topic/96053122/ 
https://www.douban.com/review/8238604/
https://www.douban.com/note/601574683/

目前 *号 的适配比较单一,下个版本会改成更加方便的通配符形式,如 **/* 等。

关于知乎可以匹配如下的 URL

但是知乎这类似 BBS 的结构用全文显示的比较奇怪,以后版本会专门适配这类的网址。

周末愉快~ :smile:

哦,原来如此。 祝插件越做越好啊。 会推荐给周围的人的:yum:

谢谢~ :scream: :v:

139 commist 后 Imgur

简悦进化到了 1.0.1 ,虽然仅仅只是 0.0.1 的变化,但带来了很多大家之前反馈的功能:

  • 选项页-高级设定,点击这里 看大图

    • 增加 ESC 退出方式;

    • 右键菜单可隐藏;

    • 控制栏可隐藏 包括:聚焦模式 与 阅读模式

    • 阅读进度可隐藏;

    • 当适配阅读模式时,增加 自动进入 以及 排除列表, 详细 请看这里

  • 适配列表增至 165个,详细请看 这里

  • 下载为 Markdown 格式 仅限阅读模式

更多内容请移步 更新日志全部功能一览

以下是简悦的全部功能,左下角为 1.0.1 新增加功能

简悦新增加了 Telegram 群,方便大家沟通与反馈;以及测试版通道,详细请看 这里

试用了一下, 能否对不支持的网站自定义并分享?

这样的话, 就可以集合大家的力量适配更多的网站了.

嗯嗯,之前已经有用户提出了类似的方案。 1.1.0 版本将会增加此功能,不过,接下来的版本是 1.0.2 与 1.0.3 … :face_with_head_bandage:

1赞

简悦 1.0.3

457 commits 后,简悦发布了 1.0.3 版,适配站点已经 增至 201个,同时还来了全新的功能: 导出到 Pocket · Linnk · Dropbox · Onenote · Google Drive · 印象笔记 / Evernote 以及 发送到 Kindle自定义样式论坛类页面分页 等,详细可以看 更新日志

马上使用:

简悦的官网 在这里,代码开源并托管在 Github 上,通过 Chrome Webstore 下载 或者 离线下载,现在就加入 Telegram 群 方便沟通。

新增的功能:

  • 支持 论坛类页面分页功能 如:知乎 · 百度贴吧等

  • 更符合 中文阅读 习惯的设置,包括:字间距 行间距 等 以及 自定义 CSS ,详细请看 自定义样式

  • 丰富的导出功能,包括:

    • 导出 Markdown · PNG · PDF

    • 发送阅读模式优化后的页面到 Kindle,详细配置 请看这里

    • 导出到 Pocket Linnk 的功能,包括:当前页面的链接 稍后读

    • 导出到生产力工具,包括:Dropbox Onenote Google Drive 印象笔记 / Evernote,详细请看 授权服务

全部功能:

照片集:

包含了 稍后读 \ 阅读模式 · 设置界面 \ 导出到生产力工具 \ 发送到 Kindle \ 自定义样式 \ 同步配置 \ 论坛类页面 · 分页 等功能的截图(动图);请移步 简悦 · 照片集

截图:

导出

之前装了很久没有用,最近两天开启用了一下,还是决定放弃移除,其他小毛病就不说了,按重要性排序有3点影响:

  1. 使用了画面覆盖,而不是stylish的直接调整布局,导致大量的弹出快捷选单的扩展和油猴脚本不能用,直接导致了标记和剪辑应用无法使用。
  2. 视频无法看,每次还得esc再切回去看视频,更有时候有没有视频都不知道,就漏过了,看到下面看不懂了,发现上面还有动图和视频。
  3. 目前适配的不少网站为了省流量用了缩略图,尺寸大小是固定的,调整布局以后文字行拉宽了,图片还是那么点,视线来回跳转,看着特别扭。

需求不一样,适合自己就好 :blush: