如何在全屏模式下自动打开网页?
我正在寻找一种以全屏模式自动打开网页的解决方案,而不是期望用户按 F11 或任何其他浏览器特定的键。
我已经搜索了很多,但我找不到解决方案。
是否有脚本或库或浏览器特定的 API 可帮助我实现这一目标?
如何在全屏模式下自动打开网页?
我正在寻找一种以全屏模式自动打开网页的解决方案,而不是期望用户按 F11 或任何其他浏览器特定的键。
我已经搜索了很多,但我找不到解决方案。
是否有脚本或库或浏览器特定的 API 可帮助我实现这一目标?
通过Chrome Fullscreen API用于 Chrome
请注意,出于(Chrome)安全原因,它不能被自动调用或执行,必须首先来自用户的交互。(如按钮点击、keydown/keypress 等)
addEventListener("click", function() {
var
el = document.documentElement
, rfs =
el.requestFullScreen
|| el.webkitRequestFullScreen
|| el.mozRequestFullScreen
;
rfs.call(el);
});
Javascript Fullscreen API 作为David Walsh的演示,似乎是一个跨浏览器解决方案
// Find the right method, call on correct element
function launchFullScreen(element) {
if(element.requestFullScreen) {
element.requestFullScreen();
} else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if(element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}
// Launch fullscreen for browsers that support it!
launchFullScreen(document.documentElement); // the whole page
launchFullScreen(document.getElementById("videoElement")); // any individual element
仅适用于 IE:
window.open ("mapage.html","","fullscreen=yes");
window.open('','_parent','');
window.close();
您可以通过将以下代码自动进入全屏:
var elem = document.documentElement; if (elem.requestFullscreen) { elem.requestFullscreen() }
演示:https ://codepen.io/ConfidentCoding/pen/ewLyPX
注意:出于安全原因,并不总是有效。但它至少对我有用。检查和粘贴代码时不起作用。
最好自己模拟一个网络浏览器。你不必坚持使用Chrome或IE或其他东西。
如果你使用 Python,你可以尝试包 pyQt4,它可以帮助你模拟一个网络浏览器。通过这样做,不会有任何安全原因,您可以将网络浏览器设置为自动以全屏模式显示。
<div class="container">
<section class="main-content">
<center><a href="#"><button id="view-fullscreen">view full size page large</button></a><center>
<script>(function () {
var viewFullScreen = document.getElementById("view-fullscreen");
if (viewFullScreen) {
viewFullScreen.addEventListener("click", function () {
var docElm = document.documentElement;
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
}
else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
}
else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}
}, false);
}
})();</script>
</section>
</div>
查看演示 clcik here演示单击以全屏打开页面
window.onload = function() {
var el = document.documentElement,
rfs = el.requestFullScreen
|| el.webkitRequestFullScreen
|| el.mozRequestFullScreen;
rfs.call(el);
};