Chrome 扩展 - 进入全屏模式会将页面背景颜色变为黑色
Chrome Extension - Entering in FullScreen Mode turns the page background color to black
我正在创建一个 Chrome 扩展,允许用户全屏查看任何网页:
manifest.json
{
"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": "..."
}
jf.js
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.insertCSS(null, {file: "jf.css"});
chrome.tabs.executeScript({
code: 'document.body.webkitRequestFullscreen()'
});
});
jf.css
body:-webkit-full-screen {
width: 100%;
height: 100%;
overflow: scroll;
}
它工作正常,但是当一个页面通过扩展程序进入全屏模式时,同一页面的背景颜色变成黑色,我该如何解决?
我使用了 https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API 中描述的全屏 API 来执行此扩展。
谢谢!
这可能只是 Google 的一个错误。您可以尝试将 的背景颜色设置为之后的颜色。
我找到了将“document.body.webkitRequestFullscreen()”切换为“document.documentElement.webkitRequestFullscreen()”所需的解决方案,现在可以使用了。
谢谢!
我正在创建一个 Chrome 扩展,允许用户全屏查看任何网页:
manifest.json
{
"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": "..."
}
jf.js
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.insertCSS(null, {file: "jf.css"});
chrome.tabs.executeScript({
code: 'document.body.webkitRequestFullscreen()'
});
});
jf.css
body:-webkit-full-screen {
width: 100%;
height: 100%;
overflow: scroll;
}
它工作正常,但是当一个页面通过扩展程序进入全屏模式时,同一页面的背景颜色变成黑色,我该如何解决?
我使用了 https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API 中描述的全屏 API 来执行此扩展。
谢谢!
这可能只是 Google 的一个错误。您可以尝试将 的背景颜色设置为之后的颜色。
我找到了将“document.body.webkitRequestFullscreen()”切换为“document.documentElement.webkitRequestFullscreen()”所需的解决方案,现在可以使用了。
谢谢!