我一直在玩chrome扩展程序,其中大多数是在我对怪异/笨拙的网站行为感到沮丧时创建的。 这是一本简短的指南,它向您展示了使您的生活(也许还有其他几条生活)变得更加轻松变得多么容易!
在开始关于Harward的电子课程后,我进入了这个令人沮丧的部分,每次我想阅读评论时,都将我带到了新页面,并且弄乱了我的会话—如果我错误地按下了后退按钮。
之前:

目标—获取鼠标悬停时的评论数据
通过对dev工具上的DOM的快速检查,我发现存在完整的注释:

我上次创建扩展的时间大约是从今天起2年,所以我向最好的朋友请教了一些初始说明。
我:“操作DOM Google扩展程序”
Google:“内容脚本是在页面和Chrome扩展程序之间的环境中运行的脚本。 这些脚本会在每次页面加载时加载,并具有对页面DOM的完全访问权限”
我:“ Chrome扩展程序替换文本dom”
Google:检查一下-https://stackoverflow.com/questions/5797661/replace-text-in-website-with-chrome-content-script-extension
在开发工具上经过几行代码后,我能够获得注释的全部内容。
我:“弹出文字鼠标悬停”
Google:检查一下-https://stackoverflow.com/questions/11683620/how-to-display-pop-up-text-on-mouse-hover
接线
大约20分钟后(6行代码,并且几乎没有显示清单),我有了一个有效的扩展,即:
1.将每个评论的内容附加到每个单元格的标题,以提供悬停效果
2.定期运行该过程以实现动态加载的注释。

简单的用户界面,没有优化的实现,但是可以完全满足我的需求。 实际上,它花费的时间比创建将chrome扩展程序上传到商店所需的快照和图标要少,而且绝对不需要编写这种媒介。
如果您不相信我,或者想获得启动您自己的扩展的代码,请访问GitHub存储库并亲自看看。
随时留下一些评论,问题以及任何会让您开心的事物🙂