【自荐】Word Shutter - 一款可以标记生词的英语学习浏览器插件

发现频道 🔎
1

功能介绍 & 安装方法

部分截图

生词本

Popup

效果演示

下载链接

目前1.0.0版本还处于快照阶段，下载地址为：
https://wwl.lanzouv.com/b058r6csh
密码:2333

后续开发

后续打算更新标记笔记以及自定义标记样式等功能，如果大家还有什么功能建议欢迎留言。

1 个赞
2

作者是对标Relingo吗，您这个有什么独特的优势？

2 个赞
3

在视频简介里找到的官网 wordshutter.netlify.app

1 个赞
4

之前开发的时候是有这个需求很久了，然后当时没有去了解Relingo，就自己写了一个，后面有人提到Relingo的时候发现功能确实挺像的。
目前还处于快照阶段，只实现了核心的标记功能，优势的话得看后续如何迭代了。

5

另一个竞品，供参考

Discover new english words you don’t know on any web page

它跟relingo更象：有预置词表——但它的实现要差一点（比如对词型变化支持的不太好）

6

不知道有没有移动浏览器适配的计划，这方面就 relingo 做得最好，但是太卡了，好多功能我也用不上。

1 个赞
7

Unlimited words: 50
Unlimited examples: 50

ref: Upgrade | Relingo

:frowning:

8

高亮显示单词, 其实是高亮笔记插件的一个"功能扩展的分支".

高亮分支: 是指定义内容后, 在所有的页面中高亮出来内容.
功能扩展: 是指会显示对内容的注释, 具体您的扩展来说就是单词的翻译.

那么根据市面上成熟且自由的(没有不必要的云服务)高亮扩展的经验:

  • 不同的高亮内容(您的实例就是单词), 应该使用区别性高的随机颜色标记出来, 且高亮黄色应该排除, 因为它和搜索内容的高亮混淆.
  • 所有的高亮内容应该有一个管理界面, 最简单的就是一个多行的文本输入框, 每行一个内容和注释, 如: An English learning browser plug-in that can mark new words # 一款可以标记生词的英语学习浏览器插件, 使用一个特殊的符号 # 将内容和注释分开. 这种简洁的模式非常方便导入导出和管理. 也没有任何学习成本. 界面上也避免了一堆按钮排序什么的.
  • 适当的加一个备份功能, 其实就是按照小时/日/周之类的, 定期备份上述的这个列表的文本. 你知道, 如果大家积累了一堆数据, 遇到一个浏览器崩溃什么的, 让数据丢失是非常沮丧的.
  • 内容的添加除了直接在上面的文本框上操作之外, 也可以使用在页面上用鼠标标记. 但最好仅用浮动框, 而不要使用点击操作(比如当下的ctrl+点击), 这会经常触发一些不必要的链接点击, 按钮点击之类的. 浮动窗除了注释(释义)之外, 加几个小按钮: -1, -all. 分别代表: 消除本条内容的高亮, 消除所有本内容的高亮. 浮动窗还有个好处就是直观且没有学习成本.

其实从我用过的/测试过的非常多的highlighter扩展来说, 最大的难点在于如何保证高亮功能在现在日趋复杂的页面中能完整/一贯的呈现. 很多工具都是败在了这个地方, 在一些ajax复杂一些的页面中, 本该高亮的东西不是显示不出来, 就是高亮移位. 这同样也是您的扩展所面临的一个大的问题. 比如, 如果您在这个讨论页面高亮"word shutter", 你就会看到至少标题中应该高亮的内容是不显示的.

以上仅供参考. :slight_smile:

9

受教了，感谢大佬的指导