解決PhoneGap不支持viewport的幾種方法
前幾天用phonegap編譯GameBuilder+CanTK時，發(fā)現(xiàn)HTML里的viewport無效。CanTK根據(jù)devicePixelRatio檢測設(shè)備的DPI，然后用viewport設(shè)置正確的分辨率。如果viewport無效，CanTK只能以最低分辨率運(yùn)行。在網(wǎng)上查了一下, 也沒有找到系統(tǒng)的資料，但我知道WebView一定有相應(yīng)的設(shè)置來啟用viewport，結(jié)合找到的資料和phonegap的源碼，終于找到了解決方法，這里總結(jié)一下：
iOS平臺的解決方法：在phonegap的config.xml中增加一行配置：
<preference name="EnableViewportScale" value="true"/>
(奇怪的是此方法對android平臺無效，我看了CordovaWebView.java，里面沒有相關(guān)設(shè)置)
android 平臺的解決方法一：修改CordovaWebView.java：
settings.getUserAgentString(); //增加下面兩行代碼： settings.setUseWideViewPort(true); settings.setLoadWithOverviewMode(true);
android 平臺的解決方法二：直接修改CordovaWebView.java是個好辦法，但是GameBuilder+CanTK支持phonegap的云編譯，沒有法直接修改CordovaWebView.java。我想到了phonegap插件，找到了一個ViewPortScale的插件，發(fā)現(xiàn)根本編譯不了，所以自己寫了一個com.tangide.viewport的插件，如果里使用GameBuilder+CanTK提供的云編譯，已經(jīng)內(nèi)置了這個插件。插件的源碼在這里：
https://github.com/drawapp8/ViewPort
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
- 深入理解移動前端開發(fā)之viewport
- 詳解jquery插件jquery.viewport.js學(xué)習(xí)使用方法
- 關(guān)于meta viewport中target-densitydpi屬性詳解（推薦）
- 自適應(yīng)布局meta標(biāo)簽中viewport、content、width、initial-scale、minimum-scale、maximum-scale總結(jié)
- 通過viewport實現(xiàn)jsp頁面支持手機(jī)縮放
- 關(guān)于viewport,Ext.panel和Ext.form.panel的關(guān)系
- ExtJs 學(xué)習(xí)筆記 Ext.Panle Ext.TabPanel Ext.Viewport
- 如何基于viewport vm適配移動端頁面
相關(guān)文章
pidcat 是Android屆JakeWharton大神開發(fā)的一款命令行工具，堪稱Android開發(fā)利器，它能方便Android程序猿捕獲日志，過濾日志，定位程序問題，超級好用。這篇文章給大家介紹了Android開發(fā)利器之pidcat,需要的朋友可以參考下2019-05-05
Android listview ExpandableListView實現(xiàn)多選，單選，全選，edittext實現(xiàn)批量輸入
這篇文章主要介紹了Android listview ExpandableListView實現(xiàn)多選，單選，全選，edittext實現(xiàn)批量輸入的實例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-01-01
Android網(wǎng)絡(luò)編程之UDP通信模型實例
這篇文章主要介紹了Android網(wǎng)絡(luò)編程之UDP通信模型實例,本文給出了服務(wù)端代碼和客戶端代碼,需要的朋友可以參考下2014-10-10
本篇文章主要介紹了Android實時通信示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
Android PullToRefreshLayout下拉刷新控件的終結(jié)者
這篇文章主要介紹了Android自定義控件實戰(zhàn)中下拉刷新控件終結(jié)者PullToRefreshLayout的實現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
studio碰到問題：java.lang.UnsatisfiedLinkError解決辦法
這篇文章主要介紹了studio碰到問題：java.lang.UnsatisfiedLinkError解決辦法的相關(guān)資料,需要的朋友可以參考下2017-02-02
Android實現(xiàn)動態(tài)添加數(shù)據(jù)與堆疊折線圖詳解流程
堆疊折線圖是折線圖的一種，堆積折線圖用于顯示每一數(shù)值所占大小隨時間或有序類別而變化的趨勢，可能顯示數(shù)據(jù)點以表示單個數(shù)據(jù)值，也可能不顯示這些數(shù)據(jù)點。堆疊折線圖中，類別數(shù)據(jù)沿水平軸均勻分布，所有值數(shù)據(jù)沿垂直軸均勻分布2021-10-10
Android開發(fā)數(shù)據(jù)結(jié)構(gòu)算法ArrayList源碼詳解
這篇文章主要為大家介紹了Android開發(fā)數(shù)據(jù)結(jié)構(gòu)算法ArrayList源碼詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
淺析Android Studio 3.0 升級各種坑(推薦)
本文是小編給大家收藏整理的關(guān)于Android Studio 3.0 升級后遇到的一些坑，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-11-11
本篇文章主要介紹了Android圖片實現(xiàn)壓縮處理的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07