「遇见单词 MetWord」2.0 来了，带来了单词发音，书签全文搜索以及 RSS 自动发现功能

介绍

https://metword.co

「遇见单词 MetWord 」是一个浏览器划词翻译插件，可以标记你查询过的单词，在下次遇见时用红色下划线给出提醒。

如果一个单词你总是遇到，那么这个单词可能对你来说是重要的，通过这种标记和提醒的方式，让你在读英文的过程中逐渐掌握单词 —— 遇见单词，不背单词。

更新

1.0 发布的时候只在 V2EX 做过宣传，半年多时间积累了 2k 注册用户。照例，这次 2.0 发布也是第一时间来这里分享。

这个版本使用 Turbo 重写了整个网站，增加了单词发音，带来了使用标记场景句子的单词复习功能。

单词查询和提醒有了，为了解决英文文章阅读来源的问题，2.0 做了 RSS 自动发现和订阅的功能，就是在浏览网页的时候会自动发现当前页面是否有订阅源，支持插件一键订阅。还支持将网页加入到个人收藏，稍后再读。

全文搜索

另一个很重要的功能是加入到个人收藏的文章支持全文搜索。出发点是我个人几年来收藏了上千个书签，都是读过的觉得有用的文章和文档，但是有时候想找到它们再读一次的时候会很困难，因为浏览器自带的书签管理仅支持标题搜索。

MetWord 会把加入收藏的文章抓取下来，使用正文抽取算法抽取到正文，然后索引正文内容到数据库，提供全文搜索功能。这就像是面向你个人知识库的私人搜索引擎。使用这个功能，再也不用给书签建目录，打 tag ，只要简简单单的一次搜索，就能找到你喜欢的文章。这是一种新的书签管理的尝试。

我们的正文抽取算法高效准确，不仅能识别文章正文，还支持索引比如 V2EX 帖子评论或者 GitHub Issue, StackOverflow 的评论内容，因为关键词可能就在这些评论里。

为了尽可能的抓取到文章正文，MetWord 用了好几个 fetcher ，一个不成功就尝试另一个，包括不同 UA 的本地 local fetcher 以及基于 Azure Function 和 Cloudflare Worker 的 proxy fetcher 。甚至还尝试过 headless 浏览器的方式（ Playwright)，但是成本太高了，暂时没有采用。

你也可以把已经积累的书签文件导入到 MetWord ，看看能不能快速找到想看的文章。

RSS 自动发现和订阅

读到一篇好的博客，可能想读到作者更多的文章，但是翻找网站是否支持 RSS 订阅是个麻烦事。MetWord 可以在浏览文章时自动发现是否有可用的 RSS 订阅，然后一键订阅。

APP

iOS 和 Android App 正在开发中。实际上我开始觉得在当前的环境下，先做 Web 和浏览器插件后做 App 的方式有些出力不讨好，毕竟大家用手机的时间更多。但考虑到个人的习惯，我平时还是在浏览器上看文档居多，所以就先开发了 Web 和浏览器插件。

App 会采用同样的正文抽取算法，为大家带来好用的阅读模式。

开源

浏览器插件是开源的，地址：https://github.com/metnews/word-extension. 有任何 bug 或功能建议也可以反馈到这里。

彩蛋

为了避免大家产生可能的疑惑，MetWord 还有一个兄弟网站 MetNews，是面向海外用户的服务，只是去掉了单词功能。代码采用的是同一份，帐号和文章收藏等数据是互通的，有需要的大家也可以去看看，不过需要挂上代理才能访问。

kidlj

2022-11-09 13:40:56 +08:00

@edr1412 感谢反馈，确实在 Safari 上有这个问题。初步调查可能是 Safari 或者 Twitter 的 bug ，因为插件使用了微软的 fluentui React library, 会下载自己的 web fonts ，而 Twitter 设置了 font-src CSP 禁止了从第三方加载字体。问题是字体的下载和因违反 CSP 导致的后续 CSP reports 请求在 Twitter timeline 页面上看起来是无穷无尽的，因此会导致 CPU 占用 100%，页面加载不出来或者很慢。经测试，Firefox 和 Chrome 不存在这个问题。

--- 报告给 Twitter 的问题描述 ---

I built a browser extension named MetNews[1], which uses the open source Microsoft fluentui React library[2]. The extension shows a callout box when user clicks its icon on any webpage, and the fluentui library will always download its registered web fonts(mainly Segoe UI) from third party site. It works all fine on most web pages, but not on Twitter timeline page. Since Twitter has the `font-src` Content Security Policy(CSP) set, web font downloading from third party sites always fails. The problem is that on Twitter timeline page, the downloading of web fonts and violation of CSP are endless, and Twitter would also reports the CSP violation to its server, then the whole process causes Twitter uses 100% CPU and the page won't loads or are very slow.

I encounter the issue on MacOS 13.0 (22A380) with Safari 16.1 (18614.2.9.1.12). Chrome and Firefox on the same OS don't have this issue.

Reference:
[1]: https://metnews.co
[2]: https://github.com/microsoft/fluentui

And the browser extension code is open sourced at:
- https://github.com/metnews/news-extension
- https://github.com/metnews/news-extension-safari

Thanks for any help.