2013-10-21 42 views
1

最近我偶然發現了以色列網站上的一個新品牌的彈出窗口。一旦我點擊文章並彈出窗口,瀏覽器就會進入全屏模式。他們如何實現這一目標?一次或兩次http://www.haaretz.co.il/news/politi/.premium-1.2145182在Mac OS X上全屏自動打開Chrome

  • 點擊文章的文本,直到彈出:

    您可以重現此:

    1. 使用Chrome的Mac OS X上

    2. 到這個頁面打開。

    感謝,

  • +0

    的可能重複[使用入門全屏模式瀏覽器的jQuery(HTTP://計算器.com/questions/13303151/getting-fullscreen-mode-to-my-browser-using-jquery)':)'並在此處查看演示**:==> ** http://johndyer.name/lab/fullscreenapi / –

    回答

    2

    它可以設置瀏覽器窗口中使用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退出全屏模式。

    0

    此鏈接可能有助於您..

    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