最近我偶然發現了以色列網站上的一個新品牌的彈出窗口。一旦我點擊文章並彈出窗口,瀏覽器就會進入全屏模式。他們如何實現這一目標?一次或兩次http://www.haaretz.co.il/news/politi/.premium-1.2145182在Mac OS X上全屏自動打開Chrome
點擊文章的文本,直到彈出:
您可以重現此:
使用Chrome的Mac OS X上
到這個頁面打開。
感謝,
最近我偶然發現了以色列網站上的一個新品牌的彈出窗口。一旦我點擊文章並彈出窗口,瀏覽器就會進入全屏模式。他們如何實現這一目標?一次或兩次http://www.haaretz.co.il/news/politi/.premium-1.2145182在Mac OS X上全屏自動打開Chrome
點擊文章的文本,直到彈出:
您可以重現此:
使用Chrome的Mac OS X上
到這個頁面打開。
感謝,
它可以設置瀏覽器窗口中使用HTML5全屏API切換到全屏模式。我不確定你提到的網站是否使用這種方法。
這還不是一個標準,因此需要供應商前綴。您可以在CANIUSE檢查瀏覽器支持級別,並且HTML5 Rocks有一個簡短的教程Fullscreen 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方法是webkitRequest Fullscreen以啓用全屏模式並且webkitCancelFullScreen退出全屏模式。
此鏈接可能有助於您..
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();
鉻實施 'Kiosk模式' 中的版本4.0.245.0。實質上,這是一種在禁用地址欄和狀態欄的全屏模式下啓動瀏覽器的方法。某些鍵盤快捷鍵(例如全屏)也被禁用。
在Windows上:的chrome.exe -kiosk http://yoursite.com/file.html
在一切:鉻瀏覽器--kiosk http://yoursite.com/file.html
的可能重複[使用入門全屏模式瀏覽器的jQuery(HTTP://計算器.com/questions/13303151/getting-fullscreen-mode-to-my-browser-using-jquery)':)'並在此處查看演示**:==> ** http://johndyer.name/lab/fullscreenapi / –