当webview被指定了长宽且只加载纯文字导致上下左右滑动时处理的应急办法

本文详细介绍如何通过设置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;");
不起作用,所以可以安心使用
在Android开发中,WebView组件在内容未完全加载,用户可能会尝试滑动滚动条,从而导致布局异常。为了处理这种情况,可以采取以下几种方法: 1. **禁用滚动条直到内容加载完成**: 在WebView加载内容,可以先禁用滚动条,等内容加载完成后再启用滚动条。 ```java webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); webView.setVerticalScrollBarEnabled(true); webView.setHorizontalScrollBarEnabled(true); } }); // 初始禁用滚动条 webView.setVerticalScrollBarEnabled(false); webView.setHorizontalScrollBarEnabled(false); ``` 2. **使用WebView的滚动事件监听**: 通过监听WebView的滚动事件,可以在内容未完全加载阻止用户滚动。 ```java webView.setOnScrollChangedListener(new WebView.OnScrollChangedListener() { @Override public void onScrollChanged(WebView view, int l, int t, int oldl, int oldt) { if (!isPageLoaded) { webView.scrollTo(oldl, oldt); } } }); // 标记内容是否加载完成 boolean isPageLoaded = false; webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); isPageLoaded = true; } }); ``` 3. **使用ProgressBar指示加载进度**: 在内容加载过程中显示一个ProgressBar,提示用户等待加载完成。 ```xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" /> <ProgressBar android:id="@+id/progressBar" style="?android:attr/progressBarStyleHorizontal" android:layout_width="match_parent" android:layout_height="4dp" android:indeterminate="false" android:max="100" android:visibility="gone" /> </RelativeLayout> ``` ```java webView.setWebViewClient(new WebViewClient() { @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { super.onPageStarted(view, url, favicon); progressBar.setVisibility(View.VISIBLE); progressBar.setProgress(0); } @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); progressBar.setVisibility(View.GONE); } @Override public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) { super.onReceivedError(view, request, error); progressBar.setVisibility(View.GONE); } }); webView.setWebChromeClient(new WebChromeClient() { @Override public void onProgressChanged(WebView view, int newProgress) { super.onProgressChanged(view, newProgress); progressBar.setProgress(newProgress); } }); ``` 通过以上方法,可以有效处理WebView在内容未完全加载用户滑动滚动条导致的布局异常情况。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值