Javascript Chrome Extension-进入全屏模式将页面背景颜色变为黑色

我正在创建一个Chrome扩展，允许用户全屏查看任何网页：

manifest.json

jf.js

jf.css

它工作正常，但当一个页面通过扩展进入全屏模式时，同一页面的背景色变为黑色，我该如何解决这个问题

为了实现这个扩展，我使用了：中描述的全屏API

---

谢谢大家!

这可能只是谷歌的一个bug。您可以尝试将的背景色设置为之前和之后的颜色

这可能只是谷歌的一个bug。您可以尝试将的背景色设置为之前和之后的颜色

我找到了将“document.body.webkitRequestFullscreen（）”切换为“document.documentElement.webkitRequestFullscreen（）”所需的解决方案，现在它可以工作了

---

谢谢大家!

我找到了将“document.body.webkitRequestFullscreen（）”切换为“document.documentElement.webkitRequestFullscreen（）”所需的解决方案，现在它可以工作了

---

谢谢大家!

我想了想，我甚至写了代码，但它不工作，所以我认为这是一个错误，就像你说的。但我找到了将“document.body.webkitRequestFullscreen（）”切换为“document.documentElement.webkitRequestFullscreen（）”所需的解决方案，现在它可以工作了。哦，这很有意义。Chrome全屏模式下的背景可能是故意的黑色。因此，如果你全屏显示，车身铬合金将变为黑色。我很高兴你解决了这个问题。我考虑过这个问题，甚至编写了代码，但它不起作用，所以我认为这是一个错误，就像你说的。但我找到了将“document.body.webkitRequestFullscreen（）”切换为“document.documentElement.webkitRequestFullscreen（）”所需的解决方案，现在它可以工作了。哦，这很有意义。Chrome全屏模式下的背景可能是故意的黑色。因此，如果你全屏显示，车身铬合金将变为黑色。我很高兴你解决了这个问题。

{
   "manifest_version": 2,
   "name": "...",
   "version": "1.0",
   "description": "...",
   "background": {
    "scripts": ["jf.js"]
   },
   "browser_action": {
    "default_icon": "icon.png",
    "default_title": "..."
   },
   "author": "..." ,
   "file_system_provider_capabilities":
  {
    "configurable": false
  },
   "incognito": "spanning",
   "offline_enabled": true,
   "permissions": [
     "tabs",
     "activeTab"
   ],
   "short_name": "..."
}

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.insertCSS(null, {file: "jf.css"});
  chrome.tabs.executeScript({
    code: 'document.body.webkitRequestFullscreen()'
 });
});

body:-webkit-full-screen {
 width: 100%;
 height: 100%;
 overflow: scroll;
}