Android WebView出现的乱码问题

原创
2015/01/05 18:15
阅读数 1.4W

1、webview加载网页<html>源码乱码问题

一、webView.loadUrl();

直接显示网页内容(单独显示网络图片),一般不会出现乱码。

二、webView.loadData(data, "text/html", "UTF-8");

loadData主要被设计用来装载URI格式的数据,它不能通过网络来加载内容。网上流传的webview加载中文出现乱码,多数是使用此方法。使用过程中主要有两个问题:

(1)loadData不能加载图片内容,如果想加载图片内容或者获得更强大的Web支持建议使用更强大的loadDataWithBaseURL.

(2) 许多实用loadData方法的朋友都遇到显示乱码的问题,那是因为编码器设置错误导致的。我们知道String类型的数据主要是unicode编码,而WebView一般为了节省资源使用的是UTF-8编码,所以我们在loadData的时候要告诉方法怎样转码。即要告诉它要将unicode编码的内容转成UTF-8编码的内容。有些朋友虽然在loadData的时候设置了编码方式,但是还是显示乱码,这是因为还需要为WebView的text编码指定编码方式。举例如下:

WebView wv = (WebView)findViewById(R.id.webview) ;

wv.getSettings().setDefaultTextEncodingName(“UTF -8”) ;

wv.loadData(content, “text/html”, “UTF-8”) ;

注意为gb2312或gbk

(3).网页说明编码格式 

以上两种方法是网上给的比较好的方法,但是我都试了下都没有解决我的乱码问题。 原来我是用LoadData方法来解析html的,但是据说这是官方的一个BUG,不能用来解析中文。所以绕其道而行之,采用loadDataWithBaseURL的方法,其中codeingType设置为utf-8就OK了。3、loadDataWithBaseURL如果单纯显示文字的话可以写webView.loadDataWithBaseURL(null, string, "text/html", "utf-8", null);

如果要显示图片可以写webView.loadDataWithBaseURL(baseUrl, string, "text/html", "utf-8", null);

其中baseUrl为你存储照片的路径,比如:

2、webview背景透明:

在xml文件中设置android:background无效。

    <WebView

                android:id="@+id/big_data_detail_content_textview"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:textColor="#fff"

                android:background="@drawable/color_transparent"

                android:textSize="14dp" />

解决办法:

webview.setBackgroundColor(0); // 设置背景透明

  1. 1.在2.X的平台下,一般设置webview背景为透明的方法如下:  

  2.   

  3. wvContent.setBackgroundColor(0);    

  4. 这个相信大家测试后都是没有问题的!  

  5.   

  6. 2.但当程序在4.0上使用时,发现居然这种设置方法无法,即使通过上面设置背景为0,照样显示出原来默认的白色背景(在我自己的话huawei U9500)中测试是部分会显示白色,有些界面的渲染还是成功的。这中现象是android4.0后,系统内部的加速器做了改变  

  7. 详细内容参考[color=red]http://blog.chenming.info/blog/2012/09/18/android-hardware-accel/[/color] 一篇很好的文章,我也是在这里找到问题解决的方法!  

  8.   

  9. 其实我按照方法,在WebView控件中是硬件加速器失效即  android:layerType="software",即使这样,我自己的机器测试还是出现部分WebView是白色背景!  

  10. 最后我在该Activity中注册了 android:hardwareAccelerated="false" 就可以了!

 

二:webView加载本地字体包:

purchase_detail_content_webview.setBackgroundColor(0); // 设置背景色

String detaliContent = "<html><head><style> @font-face {font-family: MyFont; src: url('file:///android_asset/fonts/hunda.TTF');}  div{text-indent: 2em;color:white;font-size:15;font-family:MyFont}</style></head><div>" + CONTENT + "</div><html>"; //asset/fonts/hunda.TTF:本地字体包文件;CONTENT :服务端发送的内容

purchase_detail_content_webview.loadDataWithBaseURL(null, detaliContent, "text/html", "utf-8", null);

原文地址:http://wptrafficanalyzer.in/blog/android-using-custom-ttf-fonts-in-webview/ 

三、webview和js脚本语言交互

http://zhidao.baidu.com/link?url=7u5Jw1vq1YBlhMpYoZwEx7bzvnrl05v-G6FFCMUeHyjDl5Wd6Dh3w1zBYghvGehlL0BV_RxtcvoFvjcZtZ7sUm60pg6oOxm08UDynB3wXeS 

四、返回上一个页面

@Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK && mWebView.canGoBack()) {
            mWebView.goBack();// 返回上一个页面
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

不调用第三方浏览器,在本webview内部跳转

mWebView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });

webSettings.setJavaScriptEnabled(true);
        // 支持缩放
        webSettings.setBuiltInZoomControls(true);
        webSettings.setSupportZoom(true);
        // 隐藏zoom缩放按钮
        // webSettings.setDisplayZoomControls(false);
        // 自适应屏幕
        webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

展开阅读全文
打赏
0
6 收藏
分享
加载中
当空皓月博主

引用来自“小明隔壁家的老王”的评论

webView.loadDataWithBaseURL(baseUrl, string, "text/html", "utf-8", null);
如果多张图片 那baseUrl是哪张图的路径呢?
多次loadData就ok啦
2016/05/05 11:13
回复
举报
webView.loadDataWithBaseURL(baseUrl, string, "text/html", "utf-8", null);
如果多张图片 那baseUrl是哪张图的路径呢?
2016/05/04 10:07
回复
举报
webView.loadDataWithBaseURL(baseUrl, string, "text/html", "utf-8", null);
如果多张图片 那baseUrl是哪张图的路径呢?
2016/05/04 10:07
回复
举报
当空皓月博主

引用来自“chinadong”的评论

不知道怎么显示藏文‘webview
这个我就不知道了
2016/03/05 18:40
回复
举报
不知道怎么显示藏文‘webview
2016/03/01 10:18
回复
举报
更多评论
打赏
5 评论
6 收藏
0
分享
返回顶部
顶部