启用Chrome扩展时出现的按钮

Button that appears when a Chrome Extension is enabled

本文关键字:按钮 Chrome 扩展 启用      更新时间:2023-09-26

我想创建一个Chrome扩展,当启用时,一个按钮将出现在某个网站。这是非常类似于Youtube下载按钮扩展,其中启用"下载"按钮会出现在Youtube的某个地方。我也试着研究在该扩展中使用的代码,但我是新的javascript,所以我不能理解代码本身。非常感谢你谁可以回答我的问题:))

在清单中使用内容脚本,并允许脚本使用匹配在特定页面上运行。

 "content_scripts": [
 {
   "matches": ["http://www.example.com/*", "https://www.example.com/*"],
   "css": ["yourCSS.css"],
   "js": ["yourScript.js"]
 }
]

现在您的内容脚本将被您的扩展注入到您的预期页面。

现在,在yourScript.js中,插入一个按钮到包含要下载的source的页面。