解决PhoneGap不支持viewport的几种方法
作者:李先静 时间:2023-03-13 01:51:15
前几天用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
来源:https://blog.csdn.net/absurd/article/details/44885991
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
C# winform 模拟键盘输入自动接入访问网络的实例
![](https://img.aspxhome.com/file/2023/3/77233_0s.png)
Android重力传感器实现滚动的弹球
![](https://img.aspxhome.com/file/2023/7/102597_0s.png)
Android开发中使用Intent打开第三方应用及验证可用性的方法详解
测试springboot项目出现Test Ignored的解决
![](https://img.aspxhome.com/file/2023/7/97817_0s.png)
Java Maven依赖传递,可选依赖,排除依赖详解
![](https://img.aspxhome.com/file/2023/9/66489_0s.png)
Android ViewPager中显示图片与播放视频的填坑记录
Spring Boot实现异步请求(Servlet 3.0)
SpringBoot 利用thymeleaf自定义错误页面
![](https://img.aspxhome.com/file/2023/4/60054_0s.png)
为Android系统添加config.xml 新配置的设置
浅谈单例模式和线程安全问题
![](https://img.aspxhome.com/file/2023/2/98402_0s.jpg)
Android so的热升级尝试
![](https://img.aspxhome.com/file/2023/0/110740_0s.jpg)
Android统一依赖管理的三种方式总结
![](https://img.aspxhome.com/file/2023/5/118935_0s.png)
SpringBoot自定义注解之实现AOP切面日志详解
![](https://img.aspxhome.com/file/2023/1/99721_0s.jpg)
浅谈Java基础知识之BigDecimal
![](https://img.aspxhome.com/file/2023/0/91530_0s.png)
基于SpringBoot+Redis实现分布式锁
![](https://img.aspxhome.com/file/2023/1/82371_0s.png)
Android 中 Tweened animation的实例详解
![](https://img.aspxhome.com/file/2023/8/88718_0s.png)
详解利用Spring加载Properties配置文件
Spring boot如何集成kaptcha并生成验证码
![](https://img.aspxhome.com/file/2023/8/64918_0s.png)
java实现支付宝支付接口的调用
![](https://img.aspxhome.com/file/2023/1/58611_0s.jpg)
SpringBoot 导出数据生成excel文件返回方式
![](https://img.aspxhome.com/file/2023/0/92670_0s.jpg)