开发一个Firefox/Chrome扩展，覆盖形状的网页

Developing a Firefox/Chrome extension that overlays shapes onto webpages

本文关键字：覆盖扩展网页 Chrome Firefox 一个开发更新时间：2023-09-26

我想创建一个Firefox插件或Chrome扩展，使用形状和箭头来教用户如何使用网站。经过几个小时的研究，我找不到任何人成功地将形状叠加到网页上。我该怎么做呢?

这个问题很含糊，但我不知道如何解释清楚。

是的，这很容易做到。几分钟后我给你们做了一个小样。我复制了我的一个模板，并更改了一些javascript，所以它添加了一个箭头图像，并做了一个动画，当你去www.bing.com。

在github上查看:github:: Overlay Shapes

作为演示，下载xpi，在安装到firefox后，进入bing.com，观察箭头在5次动画迭代后逐渐淡入，反弹，然后淡出。

你可以打开bootstrap.js，在addDiv函数中编辑自定义。你不需要碰其他的东西，剩下的都是模板的东西。

这是bootstrap附加组件。你可能想看看add-sdk，模板/切分器的东西不可见，所以代码像10行，但我不知道sdk。