博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Apache Cordova(phonegap)html viewport 不起作用问题
阅读量:7217 次
发布时间:2019-06-29

本文共 2133 字,大约阅读时间需要 7 分钟。

hot3.png

iOS解决方法

 

在Cordova(phonegap)的config.xml中增加一行配置: 

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

实际上这行只是针对 iOS 项目的。

一般是好用的,但是某些版本的 Cordova(phonegap)会出现 bug,Android 设备出现问题。

 

建议在 Cordova 创建工程的目录下的 config.xml 文件也加上,方便以后用命令编译。

android 解决方法

MainActivity.java 类

package com.easycloud.waiter;import android.os.Bundle;import android.webkit.WebView;import org.apache.cordova.*;public class MainActivity extends CordovaActivity{    @Override    public void onCreate(Bundle savedInstanceState)    {        super.onCreate(savedInstanceState);        // Set by 
 in config.xml        loadUrl(launchUrl);        //下面能让 Android 设备支持 viewport        WebView webView = (WebView) this.appView.getView();        webView.getSettings().setLoadWithOverviewMode(true);        webView.getSettings().setUseWideViewPort(true);    }}

不要忘记引包。

 

注意:如果 使用了 cordova-plugin-crosswalk-webview 插件时, 如果出现这个问题,需要在插件内部修复。

/YourProject/platforms/android/src/org/crosswalk/engine/XWalkWebViewEngine.java

找到下面代码:

private void initWebViewSettings() {        webView.setVerticalScrollBarEnabled(false);        //添加这样的代码        webView.getSettings().setLoadWithOverviewMode(true);        webView.getSettings().setUseWideViewPort(true);        //修改结束        boolean zOrderOnTop = preferences == null ? false : preferences.getBoolean(XWALK_Z_ORDER_ON_TOP, false);        webView.setZOrderOnTop(zOrderOnTop);        // Set xwalk webview settings by Cordova preferences.        String xwalkUserAgent = preferences == null ? "" : preferences.getString(XWALK_USER_AGENT, "");        if (!xwalkUserAgent.isEmpty()) {            webView.setUserAgentString(xwalkUserAgent);        }                String appendUserAgent = preferences.getString("AppendUserAgent", "");        if (!appendUserAgent.isEmpty()) {            webView.setUserAgentString(webView.getUserAgentString() + " " + appendUserAgent);        }                if (preferences.contains("BackgroundColor")) {            int backgroundColor = preferences.getInteger("BackgroundColor", Color.BLACK);            webView.setBackgroundColor(backgroundColor);        }    }

 

 

转载于:https://my.oschina.net/guodapeng/blog/527464

你可能感兴趣的文章
hdu 1531 King
查看>>
***R
查看>>
Linux 源码编译安装mysql
查看>>
取消手机端页面长按图片出现保存或者图片被打开的方法
查看>>
关于图片居中问题
查看>>
并发下的死锁问题
查看>>
Winserver下的Hyper-v “未在远程桌面会话中捕获到鼠标”
查看>>
oracle体系结构基础
查看>>
有关TCP和UDP 粘包 消息保护边界
查看>>
Mono为何能跨平台?聊聊CIL(MSIL)
查看>>
安装scrapy问题:-bash:scrapy:command not found
查看>>
CentOS7 重置root密码
查看>>
博客作业四
查看>>
Scanner 输入---从键盘输入两个数进行相加
查看>>
test
查看>>
说无可说
查看>>
mysql 语句优化
查看>>
SCP 命令参数使用详解(最详细使用指南)
查看>>
windows cmd color setup
查看>>
一些问题
查看>>