一个浏览器插件，可以在某些域的角落弹出一个框

Question

我想创建一个插件，当您从某些域打开网页时，页面的一角会弹出一个正方形或圆形（尚未确定是哪个）图像。

我能想到的最接近的例子是 GetGlue 插件。当您访问特定域的页面时，底部会弹出工具栏，为您提供在页面上进行操作的选项。然后，一旦您访问不受支持的网站，工具栏就会消失。

然而，我想要创建的要简单得多，我只希望当您到达某些网页时，图像会显示在页面的右上角，而一旦您移动到不支持的域，图像就会消失。它不会做任何事情或链接到任何地方或有任何动作；这只是一个图像。

我对创建插件不太了解，但我愿意学习如何这样做，因为创建它对我来说有点重要。但我一直在环顾四周，遇到了一些事情可以让人们开始创建它们，但我真的不知道如何去做，因为我不确定如何才能完成我想要的事情，我看到的都是一些不相关的事情。

如果有人知道任何指南或图或任何类似的东西可以解释基础知识，甚至更深入地做我想做的事情，非常感谢您。

Answer 1

查看内容脚本

这允许您将 JS 和 CSS 注入任何匹配的页面 例如，在清单

中包含以下内容会将 mystyles.css 插入 http://www.google 下的任何页面.com/

"content_scripts": [
    {
       "matches": ["http://www.google.com/*"],
       "css": ["mystyles.css"]
    }
],