如何將浮動工具欄放在頂部擴展頁面的動作通過網址

Question

我正在開發一個擴展頁面的動作，在某些網址工作，我想把一個欄放在頁面的頂部，每當用戶訪問具體的網站，我該怎麼做？

Answer 1

你可以做到這一點，但它取決於你的創造力。 您可以使用content.css對content.js和 樣式進行DOM操作。用HTML和CSS創建你的欄。將HTML代碼追加或預先添加到頁面中，並將「content.css」添加到「manifest.json」中。這很容易。您應該閱讀並觀看這些URL中的內容以達到您的目標。

• Content Scripts
• Fixed Header Tutorial

Answer 2

（對不起我的英語......）。 您無法使用擴展程序創建實時欄。你需要用content script來完成。 要做到這一點的最佳方法是使用iframe - 一個用於您的酒吧，另一個用於網站。

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