客户希望我创建一个网站,当用户单击“全屏查看”按钮/链接时可以全屏显示。我在这里和其他地方看到的解决方案:
window.open('www.example.com', 'title', 'type=fullWindow, fullscreen, scrollbars=yes');
似乎在浏览器中工作不稳定。有更好/更兼容的解决方案吗?也许涉及 Flash 的东西?
提前致谢。(而且我知道有人会建议它,所以当我说一个要求用户按 F11 的警告框被建议并被击落时,请相信)
客户希望我创建一个网站,当用户单击“全屏查看”按钮/链接时可以全屏显示。我在这里和其他地方看到的解决方案:
window.open('www.example.com', 'title', 'type=fullWindow, fullscreen, scrollbars=yes');
似乎在浏览器中工作不稳定。有更好/更兼容的解决方案吗?也许涉及 Flash 的东西?
提前致谢。(而且我知道有人会建议它,所以当我说一个要求用户按 F11 的警告框被建议并被击落时,请相信)
我见过的唯一真正跨{平台、浏览器}的方法是在 Flash 中,例如这里的这个例子。不幸的是,但事实如此。
顺便说一句,F11无论如何,这是一个非常特定于平台的答案 - 例如,它不适用于 mac。
我知道这是一个旧帖子,但似乎您没有得到答案。这是我在许多 Web 应用程序中使用的 javascript 函数,当这个函数似乎更必要时。
但是,就像上面所说的,我不会将这个功能用于普通网站,因为许多用户讨厌这个功能,如果他们需要它会按 f11。
function fullScreen() {
var el = document.documentElement
, rfs = // for newer Webkit and Firefox
el.requestFullScreen
|| el.webkitRequestFullScreen
|| el.mozRequestFullScreen
|| el.msRequestFullScreen
;
if(typeof rfs!="undefined" && rfs){
rfs.call(el);
} else if(typeof window.ActiveXObject!="undefined"){
// for Internet Explorer
var wscript = new ActiveXObject("WScript.Shell");
if (wscript!=null) {
wscript.SendKeys("{F11}");
}
}
}
当然,只需在按钮/链接上包含一个 onclick 事件。
<button onclick="fullscreen();">click for fullscreen</button>
当网站为他们决定窗口应该有多大时,用户不喜欢它,因为它通常被不良广告商用来吸引他们的注意力。令人讨厌的是,大多数浏览器现在都禁用了窗口大小调整。我并不是说您是一个坏公民,但浏览器无法区分不良行为和良好行为。