快捷導(dǎo)航

解決PhoneGap不支持viewport的幾種方法

更新時間：2018年12月19日 08:31:31 作者：李先靜

今天小編就為大家分享一篇關(guān)于解決PhoneGap不支持viewport的幾種方法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧

前幾天用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)鏈接

您可能感興趣的文章:

相關(guān)文章

Android開發(fā)利器之pidcat安裝方式
pidcat 是Android屆JakeWharton大神開發(fā)的一款命令行工具，堪稱Android開發(fā)利器，它能方便Android程序猿捕獲日志，過濾日志，定位程序問題，超級好用。這篇文章給大家介紹了Android開發(fā)利器之pidcat,需要的朋友可以參考下
2019-05-05
Android listview ExpandableListView實(shí)現(xiàn)多選，單選，全選，edittext實(shí)現(xiàn)批量輸入
這篇文章主要介紹了Android listview ExpandableListView實(shí)現(xiàn)多選，單選，全選，edittext實(shí)現(xiàn)批量輸入的實(shí)例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-01-01
Android網(wǎng)絡(luò)編程之UDP通信模型實(shí)例
這篇文章主要介紹了Android網(wǎng)絡(luò)編程之UDP通信模型實(shí)例,本文給出了服務(wù)端代碼和客戶端代碼,需要的朋友可以參考下
2014-10-10
Android實(shí)現(xiàn)實(shí)時通信示例
本篇文章主要介紹了Android實(shí)時通信示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
Android PullToRefreshLayout下拉刷新控件的終結(jié)者
這篇文章主要介紹了Android自定義控件實(shí)戰(zhàn)中下拉刷新控件終結(jié)者PullToRefreshLayout的實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-03-03
studio碰到問題：java.lang.UnsatisfiedLinkError解決辦法
這篇文章主要介紹了studio碰到問題：java.lang.UnsatisfiedLinkError解決辦法的相關(guān)資料,需要的朋友可以參考下
2017-02-02
Android實(shí)現(xiàn)動態(tài)添加數(shù)據(jù)與堆疊折線圖詳解流程
堆疊折線圖是折線圖的一種，堆積折線圖用于顯示每一數(shù)值所占大小隨時間或有序類別而變化的趨勢，可能顯示數(shù)據(jù)點(diǎn)以表示單個數(shù)據(jù)值，也可能不顯示這些數(shù)據(jù)點(diǎn)。堆疊折線圖中，類別數(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圖片實(shí)現(xiàn)壓縮處理的實(shí)例代碼
本篇文章主要介紹了Android圖片實(shí)現(xiàn)壓縮處理的實(shí)例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07