解决PhoneGap不支持viewport的几种方法

 更新时间:2018年12月19日 08:31:31   作者:李先静  
今天小编就为大家分享一篇关于解决PhoneGap不支持viewport的几种方法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

前几天用phonegap编译GameBuilder+CanTK时,发现HTML里的viewport无效。CanTK根据devicePixelRatio检测设备的DPI,然后用viewport设置正确的分辨率。如果viewport无效,CanTK只能以最低分辨率运行。在网上查了一下, 也没有找到系统的资料,但我知道WebView一定有相应的设置来启用viewport,结合找到的资料和phonegap的源码,终于找到了解决方法,这里总结一下:

iOS平台的解决方法:在phonegap的config.xml中增加一行配置:

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

(奇怪的是此方法对android平台无效,我看了CordovaWebView.java,里面没有相关设置)

android 平台的解决方法一:修改CordovaWebView.java:

  settings.getUserAgentString();
   //增加下面两行代码:
  settings.setUseWideViewPort(true);
  settings.setLoadWithOverviewMode(true);

android 平台的解决方法二:直接修改CordovaWebView.java是个好办法,但是GameBuilder+CanTK支持phonegap的云编译,没有法直接修改CordovaWebView.java。我想到了phonegap插件,找到了一个ViewPortScale的插件,发现根本编译不了,所以自己写了一个com.tangide.viewport的插件,如果里使用GameBuilder+CanTK提供的云编译,已经内置了这个插件。插件的源码在这里:

https://github.com/drawapp8/ViewPort

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接

相关文章

  • Android开发中Flutter组件实用技巧

    Android开发中Flutter组件实用技巧

    这篇文章主要为大家介绍了Android开发中Flutter组件实用技巧,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-05-05
  • android FragmentTabhost实现导航分页

    android FragmentTabhost实现导航分页

    这篇文章主要为大家详细介绍了android FragmentTabhost实现导航分页,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • Android为应用添加数字角标的简单实现

    Android为应用添加数字角标的简单实现

    应用的角标是用来标记有多少条提醒没读,本篇文章主要介绍了Android为应用添加角标的简单实现,有兴趣的可以了解一下。
    2017-04-04
  • Android 快速使用正则表达式,校验身份证号的实例

    Android 快速使用正则表达式,校验身份证号的实例

    下面小编就为大家分享一篇Android 快速使用正则表达式,校验身份证号的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Android的Service应用程序组件基本编写方法

    Android的Service应用程序组件基本编写方法

    Service是一个android 系统中的应用程序组件,它跟Activity的级别差不多,但是他没有图形化界面,不能自己运行,只能后台运行,Service通常用来处理一些耗时比较长的操作
    2012-12-12
  • ListView的Adapter使用 之 初学ArrayAdapter String

    ListView的Adapter使用 之 初学ArrayAdapter String

    ListView是Android中经常会使用的东西,绑定数据对于初学者来说,尤其是刚接触编程的人来说,往往会觉得很难理解,我上大二的时候学的java,但是基本上相当于没有学,什么都没写过,真正接触编程就是开始上手学android,把这些记录下来,自己可以回头看下,也可以让新手更好的理解
    2013-06-06
  • android隐式意图激活浏览器的实现方法

    android隐式意图激活浏览器的实现方法

    下面小编就为大家带来一篇android隐式意图激活浏览器的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • Android编程计算函数时间戳的相关方法总结

    Android编程计算函数时间戳的相关方法总结

    这篇文章主要介绍了Android编程计算函数时间戳的相关方法,结合实例形式总结分析了Android Java、Native、Kernel时间戳计算相关操作技巧,需要的朋友可以参考下
    2017-05-05
  • Android调用系统裁剪的实现方法

    Android调用系统裁剪的实现方法

    下面小编就为大家分享一篇Android调用系统裁剪的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • Android左右滑出菜单实例分析

    Android左右滑出菜单实例分析

    想在首页加个从左滑动出来的菜单,我查阅网上资料,并自己摸索,实现了左、右两边都能滑出菜单,并且,左、右菜单中,都可以加ListView等这类需要解决GestureDetector冲突的问题
    2013-06-06

最新评论