Mac全屏自动打开Chrome

Question

最近，我在以色列网站上偶然发现了一个新的弹出式窗口。一旦我点击文章并打开弹出窗口，浏览器就会进入全屏模式。他们如何做到这一点？

您可以通过以下方式复制：

1. 在Mac上使用Chrome
2. 转到这个页面：http://www.haaretz.co.il/news/politi/.premium-1.2145182
3. 单击文章文本一次或两次，直到弹出窗口打开。

谢谢,

Answer 1

可以使用HTML5全屏API将浏览器窗口设置为全屏。不过，我不确定你提到的网站是否采用了这种方法。

这还不是一个标准，因此需要供应商前缀。您可以检查卡尼乌斯的浏览器支持级别，HTML5 Rocks有一个简短的教程全屏API

编辑:使用代码更新的答案。

正如我所怀疑的，该网站使用HTML5全屏API。请参阅页面which_popup.php上的代码

function popup_(url, isOnClick) {

var is_popup_activated_domain = getCookieA('haaretz');
if (is_popup_activated_domain == "" && the_cookie == "") {
    if (isOnClick) {
        setCookieA('haaretz', 'yes', 14400);
        the_cookie = 'yes';
    }

    var chrome_full = false;
    if (document.documentElement.webkitRequestFullscreen) {
        document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
        chrome_full = true;
    }

    //....
    if (chrome_full) {
        document.webkitCancelFullScreen();
    }
}
}

它基本上监听文本上的单击事件，将浏览器设置为全屏，然后打开弹出窗口，因此弹出窗口也进入全屏。您需要的api方法是webkitRequestFullscreen (启用全屏模式)和webkitCancelFullScreen (退出全屏模式)。

Answer 2

这个链接可能对你有帮助。

http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

// mozilla proposal
element.requestFullScreen();
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary)
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly)
element.mozRequestFullScreen();
document.mozCancelFullScreen(); 

// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();

也试试这些..。

void webkitRequestFullScreen();
void webkitRequestFullScreenWithKeys();
void webkitCancelFullScreen();

Chrome在4.0.245.0版本中实现了“Kiosk模式”。本质上，这是一种在禁用地址栏和状态栏的全屏幕模式下启动浏览器的方法。一些键盘快捷键(例如，全屏)也被禁用。

Windows: chrome.exe -kiosk http://yoursite.com/file.html

其他一切:铬浏览器-报亭http://yoursite.com/file.html