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

Question

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

Answer 1

（对不起我的英语...）。您不能创建具有 chrome 扩展名的真实柱。您需要使用 content script 来完成。最好的方法是使用 iframe - 一个用于您的酒吧，一个用于网站。

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

Answer 2

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

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

how to put a floating toolbar at the top extension page action by URL

google-chrome

google-chrome-extension