如何按 URL 在顶部扩展页面操作放置浮动工具栏

Question

我正在开发一个适用于某些 url 的扩展页面操作，我想在页面顶部放置一个栏，以便在用户访问特定站点时出现，我该怎么做？

Answer 1

你可以这样做，但这取决于你的创造力。您可以从"内容.js"中进行 DOM 操作，并且用内容设置样式.css。使用 HTML 和 CSS 创建您的栏。将HTML代码附加到或附加到页面，并将您的"content.css"添加到"manifest.json"。这很容易。您应该阅读并观看这些 URL 中的内容以达到您的目的。

• 内容脚本
• 固定标头教程

Answer 2

（我很抱歉我的英语...您无法使用镶边扩展名创建真正的栏。您需要使用内容脚本来执行此操作。最好的方法是使用iframe-一个用于您的酒吧，一个用于网站。

var mySite = "http://www.example.com";
chrome.tabs.onCreated(function(tab) {
    if (tab.url === mySite) {
        chrome.tabs.executeScript(tab.id, {file:""});
    }
});