当webview被指定了长宽且只加载纯文字导致上下左右滑动时处理的应急办法_webview加载不足半屏图片解决自动滑动-优快云博客

本文链接：https://blog.youkuaiyun.com/u010506384/article/details/80553087

本文详细介绍如何通过设置WebView的WebSettings属性来实现最佳的网页加载效果，包括启用JavaScript、支持缩放、设置缓存策略等关键步骤。

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

        WebSettings webSettings = webView.getSettings();
        // 让WebView能够执行javaScript
        webSettings.setJavaScriptEnabled(true);
        // 让JavaScript可以自动打开windows
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
        // 设置缓存
        webSettings.setAppCacheEnabled(true);
        // 设置缓存模式,一共有四种模式
        webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);
        // 设置缓存路径
//        webSettings.setAppCachePath("");
        // 支持缩放(适配到当前屏幕)
        webSettings.setSupportZoom(true);
        // 将图片调整到合适的大小
        //重点是下面两句，尤其是setLoadWithOverviewMode，这样就可以在指定大小的布局中显示全部的内容
        webSettings.setUseWideViewPort(true);
        webSettings.setLoadWithOverviewMode(true);
        // 支持内容重新布局,一共有四种方式
        // 默认的是NARROW_COLUMNS
        webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
        // 设置可以被显示的屏幕控制
        webSettings.setDisplayZoomControls(true);
        // 设置默认字体大小
        //由于内容被压缩了，所以要设置文字大小再把内容撑大，这样就会形成根据布局自动换行的内容了
        webSettings.setDefaultFontSize(48);

以上方法对于图片已经设置成

element.attr("style", "width:100%;height:auto;");

不起作用，所以可以安心使用