我有一个新标签Google Chrome扩展程序。在左下角,我有一个设置菜单,当你点击它时会弹出一个小框架。但是,弹出窗口的背景颜色是白色,我想将其更改为完全黑色。如何更改全帧背景颜色?这是我的代码:Image of my code result
<div class="footer">
<div class="container">
<div class="row">
<div class="col-sm-0 settingscontainer">
<i class="fa fa-cog settingsbtn fa-2x" data-container="body" data-toggle="popover" data-placement="right" data-html="true"
data-content="" >
</i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
答案 0 :(得分:0)
有关更改背景页面颜色的示例,可以应用于/**
* Change the background color of the current page.
*
* @param {string} color The new background color.
*/
function changeBackgroundColor(color) {
var script = 'document.body.style.backgroundColor="' + color + '";';
// See https://developer.chrome.com/extensions/tabs#method-executeScript.
// chrome.tabs.executeScript allows us to programmatically inject JavaScript
// into a page. Since we omit the optional first argument "tabId", the script
// is inserted into the active tab of the current window, which serves as the
// default.
chrome.tabs.executeScript({
code: script
});
}
。这可以在Getting Started: Building a Chrome Extension中找到。
popup.html将在弹出窗口中呈现,该弹出窗口是为响应用户点击浏览器操作而创建的。它是一个标准的HTML文件,就像您从Web开发中习惯的那样,让您或多或少地自由统治弹出窗口。
这是样本中的片段:
{{1}}