如何在Android默認瀏覽器上控制屏幕視圖

我想開發一個Web應用程序，用戶可以使用Android默認Web瀏覽器（至少）訪問它。有關於應用程序屏幕控制的一些問題，但我仍然無法找到其他任何地方的解決方案，我不知道我在哪裏可以找到相似的。我需要該應用是如何在Android默認瀏覽器上控制屏幕視圖

全屏

如果（1號是不可能的）導航欄永久顯示或隱藏永久

該應用程序被固定到的位置和不能可以水平或垂直滾動，並在右側

是這些全部或部分可以做到沒有滾動條出現使用JavaScript/CSS/HTML嗎？

來源

2012-10-29 Dagon

示例網站是好的 – Dagon

是允許用戶全屏顯示的瀏覽器功能。某些移動瀏覽器不支持它。這包括android原生瀏覽器。如果是，它僅僅是瀏覽器的顯示設置來隱藏標籤欄和導航欄
自動，滾動的頁面時溢出和用戶出現滾動下來
對於Android原生瀏覽器，酒吧堅守網站的頂部。所以如果用戶可以向下滾動頁面，它會被滾動出去。某些瀏覽器也有其他額外的條棒粘在頁面上。例如，海豚有書籤，歷史記錄，以及附加在其上的酒吧一邊
所有這些都可以簡單地使用JavaScript或CSS由元素
的設置高度和寬度爲了獲得最佳性能管理，使用Chrome，而不是使用jQuery移動
避免的，它將會失敗一切
還記得把這個標籤，以防止變焦

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

來源

2012-10-30 05:03:16 Dagon

您可以使用此jQuery函數隱藏地址欄：

$(document).ready(function() { 

     if (navigator.userAgent.match(/Android/i)) { 
     window.scrollTo(0,0); // reset in case prev not scrolled 
     var nPageH = $(document).height(); 
     var nViewH = window.outerHeight; 
     if (nViewH > nPageH) { 
      nViewH = nViewH/window.devicePixelRatio; 
      $('BODY').css('height',nViewH + 'px'); 
     } 
     window.scrollTo(0,1); 
     } 

});

你可以嘗試NiceScroll插件來獲得滾動的解決方案。

這裏有一些更多的線程，你應該看看在嘗試任何事情之前：

Removing address bar from browser (to view on Android)

Fullscreen Web App for Android

HTML5 Full Screen Web Apps: No browser bars

你還可以嘗試：

if(navigator.userAgent.match(/Android/i)){ 
    window.scrollTo(0,1); 
}

來源

2012-10-29 05:31:11

thanx回答。我會檢查那些 – Dagon

它不會工作。用戶仍然可以滾動查看或隱藏導航欄 – Dagon

你在測試這個瀏覽器？ –

如何在Android默認瀏覽器上控制屏幕視圖

回答

相關問題