關於用phonegap+jquery moblie開發 白屏閃屏的解決方法

前幾天本身玩開發android應用，作些頁面切換效果時，發現兩個頁面間切換間有白色閃屏的問題。

在網上找了好久的資料，仍是沒有解決。

最終，發現同事開發的android應用沒有這個問題。對比代碼排除發現：

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

若是添加 user-scalable=no，即禁止用戶手動縮放，則白屏問題解決。

經嘗試的網上方法以下：

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>  
<script>  
$(document).bind("mobileinit", function()  
{  
   if (navigator.userAgent.indexOf("Android") != -1)  
   {  
     $.mobile.defaultPageTransition = 'none';  
     $.mobile.defaultDialogTransition = 'none';  
   }  
});  
</script>  
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-.1.0.min.js"></script>  

此方法是去除了切換頁面的效果。

 

.ui-page { -webkit-backface-visibility: hidden; } 

這個解決方案暫時沒發現效果

若是上述方案都沒法解決您的問題，請嘗試下個人方案。

應該說每一個方案針對的可能不是同一種問題，可能都是有用的。不肯定問題出如今哪的時候，多種嘗試應該可以解決。就如那句，總有一種適合你。

 

在對比代碼的時候，我也查了一些資料：

http://blog.hackedexistence.com/phonegap-jquery-mobile-white-screen-flicker-solved

這是關於在iphone中白屏的問題，雖然他設置的值不同，但提醒了我去嘗試這段代碼對比。

並此貼出，供各同仁參考。