解决cordova webview被放大问题

最新推荐文章于 2025-04-02 15:03:28 发布

dandan_dany

最新推荐文章于 2025-04-02 15:03:28 发布

阅读量1k

点赞数

分类专栏： android应用

本文链接：https://blog.youkuaiyun.com/dandan_dany/article/details/104916741

版权

当使用Cordova的Webview加载页面时，有时会遇到页面被放大的情况。为了解决这个问题，需要在初始化时设定Webview的比例为1。通常的解决代码会在初始化和刷新获取焦点时设置。如果需要页面按特定比例放大，可以在这些时刻设定相应的放大比例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

webview加载页面时有时会被放大，所以初始化时要将比例设置为1

以下是常见的初始化代码

  WebSettings settings = webView.getSettings();
        settings.setUseWideViewPort(true);
        settings.setLoadWithOverviewMode(true);
        settings.setDomStorageEnabled(true);
        settings.setDefaultTextEncodingName("UTF-8");
        settings.setAllowContentAccess(true); // 是否可访问Content Provider的资源，默认值 true
        settings.setAllowFileAccess(true);    // 是否可访问本地文件，默认值 true
        settings.setJavaScriptEnabled(true);
        settings.setCacheMode(WebSettings.LOAD_DEFAULT);
        // 支持缩放
        settings.setSupportZoom(true);
        settings.setBuiltInZoomControls(true); //设置内置的缩放控件。
        settings.setDisplayZoomControls(false); //隐藏原生的缩放控件`
        settings.setNeedInitialFocus(false);

断网后，一般要求是下拉刷新或者点重新加载按钮刷新，这时webview就会获取焦点并放大。
为了防止页面在未有任何手动操作的情况下放大，这里要重新设置为初始比例。

 webView.setOnFocusChangeListener(new

最低0.47元/天解锁文章