快捷導(dǎo)航

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

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

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

前幾天用phonegap編譯GameBuilder+CanTK時(shí)，發(fā)現(xiàn)HTML里的viewport無(wú)效。CanTK根據(jù)devicePixelRatio檢測(cè)設(shè)備的DPI，然后用viewport設(shè)置正確的分辨率。如果viewport無(wú)效，CanTK只能以最低分辨率運(yùn)行。在網(wǎng)上查了一下, 也沒(méi)有找到系統(tǒng)的資料，但我知道WebView一定有相應(yīng)的設(shè)置來(lái)啟用viewport，結(jié)合找到的資料和phonegap的源碼，終于找到了解決方法，這里總結(jié)一下：

iOS平臺(tái)的解決方法：在phonegap的config.xml中增加一行配置：

<preference name="EnableViewportScale" value="true"/>

(奇怪的是此方法對(duì)android平臺(tái)無(wú)效，我看了CordovaWebView.java，里面沒(méi)有相關(guān)設(shè)置)

android 平臺(tái)的解決方法一：修改CordovaWebView.java：

  settings.getUserAgentString();
   //增加下面兩行代碼：
  settings.setUseWideViewPort(true);
  settings.setLoadWithOverviewMode(true);

android 平臺(tái)的解決方法二：直接修改CordovaWebView.java是個(gè)好辦法，但是GameBuilder+CanTK支持phonegap的云編譯，沒(méi)有法直接修改CordovaWebView.java。我想到了phonegap插件，找到了一個(gè)ViewPortScale的插件，發(fā)現(xiàn)根本編譯不了，所以自己寫(xiě)了一個(gè)com.tangide.viewport的插件，如果里使用GameBuilder+CanTK提供的云編譯，已經(jīng)內(nèi)置了這個(gè)插件。插件的源碼在這里：

https://github.com/drawapp8/ViewPort

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接

您可能感興趣的文章:

相關(guān)文章

Android開(kāi)發(fā)中Flutter組件實(shí)用技巧
這篇文章主要為大家介紹了Android開(kāi)發(fā)中Flutter組件實(shí)用技巧，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-05-05
android FragmentTabhost實(shí)現(xiàn)導(dǎo)航分頁(yè)
這篇文章主要為大家詳細(xì)介紹了android FragmentTabhost實(shí)現(xiàn)導(dǎo)航分頁(yè)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-08-08
Android為應(yīng)用添加數(shù)字角標(biāo)的簡(jiǎn)單實(shí)現(xiàn)
應(yīng)用的角標(biāo)是用來(lái)標(biāo)記有多少條提醒沒(méi)讀，本篇文章主要介紹了Android為應(yīng)用添加角標(biāo)的簡(jiǎn)單實(shí)現(xiàn)，有興趣的可以了解一下。
2017-04-04
Android 快速使用正則表達(dá)式,校驗(yàn)身份證號(hào)的實(shí)例
下面小編就為大家分享一篇Android 快速使用正則表達(dá)式,校驗(yàn)身份證號(hào)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
Android的Service應(yīng)用程序組件基本編寫(xiě)方法
Service是一個(gè)android 系統(tǒng)中的應(yīng)用程序組件，它跟Activity的級(jí)別差不多，但是他沒(méi)有圖形化界面，不能自己運(yùn)行，只能后臺(tái)運(yùn)行,Service通常用來(lái)處理一些耗時(shí)比較長(zhǎng)的操作
2012-12-12
ListView的Adapter使用之初學(xué)ArrayAdapter String
ListView是Android中經(jīng)常會(huì)使用的東西，綁定數(shù)據(jù)對(duì)于初學(xué)者來(lái)說(shuō)，尤其是剛接觸編程的人來(lái)說(shuō)，往往會(huì)覺(jué)得很難理解，我上大二的時(shí)候?qū)W的java，但是基本上相當(dāng)于沒(méi)有學(xué)，什么都沒(méi)寫(xiě)過(guò)，真正接觸編程就是開(kāi)始上手學(xué)android，把這些記錄下來(lái)，自己可以回頭看下，也可以讓新手更好的理解
2013-06-06
android隱式意圖激活瀏覽器的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇android隱式意圖激活瀏覽器的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-06-06
Android編程計(jì)算函數(shù)時(shí)間戳的相關(guān)方法總結(jié)
這篇文章主要介紹了Android編程計(jì)算函數(shù)時(shí)間戳的相關(guān)方法,結(jié)合實(shí)例形式總結(jié)分析了Android Java、Native、Kernel時(shí)間戳計(jì)算相關(guān)操作技巧,需要的朋友可以參考下
2017-05-05
Android調(diào)用系統(tǒng)裁剪的實(shí)現(xiàn)方法
下面小編就為大家分享一篇Android調(diào)用系統(tǒng)裁剪的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-02-02
Android左右滑出菜單實(shí)例分析
想在首頁(yè)加個(gè)從左滑動(dòng)出來(lái)的菜單，我查閱網(wǎng)上資料，并自己摸索，實(shí)現(xiàn)了左、右兩邊都能滑出菜單，并且，左、右菜單中，都可以加ListView等這類(lèi)需要解決GestureDetector沖突的問(wèn)題
2013-06-06