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

发布于 2024-11-15 14:07:23 字数 431 浏览 2 评论 0原文

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

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

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

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

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

I want to create an addon where when you open a webpage from certain domains, a square or circle (not sure which yet) image will pop up on the corner of the page.

The closest example I can think of is the GetGlue addon. When you are on a page from specific domains, the toolbar pops up on the bottom and gives you options to pursue while you are on the page. Then once you go to a non-supported website, the toolbar is gone.

However the one I want to create is much more simpler where I just want an image to show up in the top corner of the page when you arrive at certain webpages, and disappear once you move to a domain not supported. It's not going to do anything or link anywhere or have any actions; it's just an image.

I don't know much about creating addons, but I am willing to learn how to do so as creating this is of somewhat importance to me. But I've been looking around, and I've come across things to get people started on creating them, but I don't really know how to go about it as I've not sure how I can get what I want done, and the ones I see are about things not related.

If anyone knows of any guides or tuts or anything similar that can explain the basics or even some more in-depth of doing what I want done, many thanks are sent your way.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

無處可尋 2024-11-22 14:07:23

查看内容脚本

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

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

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

Look into content scripts

This allows you to inject JS and CSS into any page that matches a url pattern

For example, including the following in your manifest will insert mystyles.css into any page under http://www.google.com/

"content_scripts": [
    {
       "matches": ["http://www.google.com/*"],
       "css": ["mystyles.css"]
    }
],
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文