(英语)网页阅读的新姿势 -- Chrome 命令启动器 Steward 新玩具之 Websites Actions

虽然 Steward 逐渐沦为个人的玩具，但是玩着玩着还是有些感觉不错的新东西，跟大家分享下。

websites 与 actions

简单说，websites 就是对网站的抽象，比如标题、导航、icon、outline、锚点等等； actions 则是对网页中常用操作的抽象，比如页面元素点击、显示、隐藏、页面防误关闭、加 TODO 类书签等等。

websites 用户可自行添加配置，也可以上传到 github repo，或者使用 wsm install 安装

两个有意思的 action

英语动词高亮

受 English Syntax Highlighter 以及垠神那篇关于英语语法博文的启发，新加了一个 englishSyntaxHighlight 的 website action，根据配置将页面内指定区域的英文动词标注出来。

安装

wsm install quora

视频

优酷视频比较模糊，大家凑合看

配置

以 quora 网站为例

"actions":[
    {
      "actionType":"englishSyntaxHighlight",
      "extend":{
        "scope":"viewport"
      },
      "pattern":"/**",
      "selector":".ui_qtext_expanded",
      "title":"English syntax highlighting"
   }
]

看图

简易阅读模式

一直希望有一种保留文章区样式，而隐藏与文章无关区域的阅读模式。本着一切可以用 Steward 实现的功能，都先实现一下看看，所以加了 readMode 的 action。

安装

wsm install quora

视频

优酷视频

配置

{
      "actionType":"readMode",
      "extend":{
        "scope":"viewport",
        "subActions":[
          {
            "actionType":"click",
            "lifecycle":"enter",
            "selector":".AnswerExpandable"
          }]
      },
      "pattern":"/**",
      "selector":".feed_item,.pagedlist_item",
      "title":"Read Mode"
}

看图

BTW

知乎的使用在视频里有介绍，大家想体验的话，可以使用 wsm install zhihu 来安装
englishSyntaxHighlight 这个 action 用的是 English Syntax Highlighter 页面抓的接口，后续会用自己开发的接口来代替。
更专业的阅读模式，推荐简悦 , EasyReader 也能满足部分需求。
Steward 也有 Firefox 版，但是由于 api 限制，websites 功能用不了
相关文档在官网有，不过更新比较慢，不完整