解決PhoneGap不支持viewport的幾種方法
前幾天用phonegap編譯GameBuilder+CanTK時,發(fā)現(xiàn)HTML里的viewport無效。CanTK根據(jù)devicePixelRatio檢測設(shè)備的DPI,然后用viewport設(shè)置正確的分辨率。如果viewport無效,CanTK只能以最低分辨率運行。在網(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頁面支持手機縮放
- 關(guān)于viewport,Ext.panel和Ext.form.panel的關(guān)系
- ExtJs 學(xué)習(xí)筆記 Ext.Panle Ext.TabPanel Ext.Viewport
- 如何基于viewport vm適配移動端頁面
相關(guān)文章
android FragmentTabhost實現(xiàn)導(dǎo)航分頁
這篇文章主要為大家詳細(xì)介紹了android FragmentTabhost實現(xiàn)導(dǎo)航分頁,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-08-08Android為應(yīng)用添加數(shù)字角標(biāo)的簡單實現(xiàn)
應(yīng)用的角標(biāo)是用來標(biāo)記有多少條提醒沒讀,本篇文章主要介紹了Android為應(yīng)用添加角標(biāo)的簡單實現(xiàn),有興趣的可以了解一下。2017-04-04Android的Service應(yīng)用程序組件基本編寫方法
Service是一個android 系統(tǒng)中的應(yīng)用程序組件,它跟Activity的級別差不多,但是他沒有圖形化界面,不能自己運行,只能后臺運行,Service通常用來處理一些耗時比較長的操作2012-12-12ListView的Adapter使用 之 初學(xué)ArrayAdapter String
ListView是Android中經(jīng)常會使用的東西,綁定數(shù)據(jù)對于初學(xué)者來說,尤其是剛接觸編程的人來說,往往會覺得很難理解,我上大二的時候?qū)W的java,但是基本上相當(dāng)于沒有學(xué),什么都沒寫過,真正接觸編程就是開始上手學(xué)android,把這些記錄下來,自己可以回頭看下,也可以讓新手更好的理解2013-06-06Android編程計算函數(shù)時間戳的相關(guān)方法總結(jié)
這篇文章主要介紹了Android編程計算函數(shù)時間戳的相關(guān)方法,結(jié)合實例形式總結(jié)分析了Android Java、Native、Kernel時間戳計算相關(guān)操作技巧,需要的朋友可以參考下2017-05-05Android調(diào)用系統(tǒng)裁剪的實現(xiàn)方法
下面小編就為大家分享一篇Android調(diào)用系統(tǒng)裁剪的實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02