h2y / inspirations

采用 Issues 维护的个人灵感仓库,记录和讨论一些灵光一闪的点子。
https://github.com/h2y/inspirations/issues/created_by/h2y
7 stars 0 forks source link

浏览器阅读模式插件 #2

Closed h2y closed 7 years ago

h2y commented 8 years ago

简介

类似印象笔记悦读

方法

将网页核心内容所在的 div css 修改,强制全屏,下面加上白底。

核心内容所在的 div 获取方法

  1. 从开始,作为 root 节点
  2. 寻找 root 节点下,y 轴像素占用最高的子节点 new
    • new 节点高度 > root 节点高度的 50%,new 节点作为新的 root,循环
    • new 节点高度 < root 节点高度的 50%,new 节点做为找到的目标节点,break
h2y commented 8 years ago

印象笔记·悦读 基本能满足我的需求,其余扩展应用都不行,但有两点略微不足:

  1. 官方停止维护,现在好用,但以后就不知道了。
  2. 样式被重新渲染了。虽然所有的 “阅读模式” 都是这么做的,不过我自认为这样不好,会导致原页面上的一些按钮功能失效,或者是样式错乱。所有页面风格统一并不是刚需,我只是想要一个 将页面上所需要部分放大到全屏阅读 的工具。
h2y commented 7 years ago

已使用 Userscript 实现: https://github.com/h2y/link-fix#read_mode