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

Question

我想创建一个插件，当你从某些域打开一个网页时，一个正方形或圆形（不知道哪个）图像会弹出页面的一角。

我能想到的最接近的例子是GetGlue插件。当您在特定域的页面上时，工具栏会弹出在底部，并为您提供在页面上进行搜索的选项。然后，一旦你去到一个不支持的网站，工具栏就不见了。

然而，我想要创建一个更简单的地方，当我只想图像显示在页面的顶部角落，当你到达某些网页时，并且一旦你移动到不支持的域名时消失。它不会执行任何操作或连接任何地方或执行任何操作;它只是一个图像。

我对创建插件知之甚少，但我愿意学习如何做，因为创建这个对我来说有点重要。但是我一直在四处看看，而且我遇到了一些让人们开始创作它们的东西，但我不知道该如何去做，因为我不知道如何才能做到我想做的事情，而我所看到的是关于不相关的事情。

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

Answer 1

查找到content scripts

这可以让你注入JS和CSS成相匹配的URL模式

例如，包括在以下任一页面的清单将插入mystyles.css到任何网页http://www.google.com/下

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