[问题]wkhtmltopdf转换网页中文乱码问题解决方案

简介:

 我在使用的过程中遇到有的网页是中文是乱码,有的网页中文是正常显示的,通过搜索引擎寻找答案的时候,发现还有人遇到中午呢是空白的,没有显示。

   在该开源项目的问题解答中有作者给出的一些回复:

http://code.google.com/p/wkhtmltopdf/issues/detail?id=436&q=gb2312

http://code.google.com/p/wkhtmltopdf/issues/detail?id=782&q=gb2312

   这些问题主要是基于Linux环境下中文字体没有安装所造成的,而我遇到的问题是中文可以显示,却是乱码,于是关于这个问题我做了几个方面的测试:

   1.中文字体问题

   2.网页编码

1
<meta http-equiv= "content-type"  content= "text/html;charset=utf-8" >

   3.文件编码

   测试一:(百度首页网页的charset=utf-8)

114945788.png

115026792.png

    可以看出中文正常的。

   测试二(51cto博客网页的charset=gb2312):

121406150.png

121344910.png

    可以看出,网页内容编码格式为:gb2312的中文没法显示。

   测试三:

   查看网页中使用到的字体:

115506377.png

   通过与本地计算机的字体对比,排除了这一可能。其实,转换后的PDF文件中文能够显示,虽然是乱码,也能够排除字体出的问题。

  测试四:

  由于考虑到wkhtmltopdf使用到webkit引擎,第二中测试遇到网页内容编码格式为:gb2312的造成中文无法显示,于是使用程序将网页抓取下进行转化。

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
@Test
     public  void  test2()  throws  IOException {
         URL url =  new  URL( "http://aiilive.blog.51cto.com/1925756/1332579" );
         HttpURLConnection conn = (HttpURLConnection) url.openConnection();
         conn.setRequestMethod( "GET" );
         conn.connect();
         if  (conn.getResponseCode() == HttpURLConnection.HTTP_OK) {
             BufferedInputStream bi =  new  BufferedInputStream(
                     conn.getInputStream());
             BufferedOutputStream bo =  new  BufferedOutputStream(
                     new  FileOutputStream( new  File( "D:\\1332579.html" )));
             byte [] bts =  new  byte [ 1024 ];
             int  len = bi.read(bts);
             while  (len != - 1 ) {
                 bo.write(bts,  0 , len);
                 len = bi.read(bts);
             }
             bi.close();
             bo.close();
             System.out.println( "create ok" );
         }
     }

   通过本地转化,并使网页内容中的:charset=utf-8,然后进行转换,这么做的原因是既然使用了webkit引擎正好charset=utf-8是给浏览器看的,所以就这么用了。

   141641703.png

   上述的测试还是失败的。!!!

   在官方的指南中说明可以指定编码格式:--encoding 编码格式  ;经过测试是不行的,这样的问题网上有好多人遇到,也有好多人没有遇到,却把网页很正常的转成功了,多数是编码上使用UTF-8巧合而已。

   测试五:

   将抓取下来的网页文件进行处理:

   1.文件编码utf-8;charset=utf-8; 结果:中文正常

   2.文件编码utf-8;charset=gb2312; 结果:中文正常

   3.文件编码Ansi; charset=gb2312 ; 结果:中文乱码


   143636840.png


    实验做到这,可以看出问题所在,wkhtmltopdf转换html文件的时候,这个html文件来源可能是一个url,也可能就是本地的一个文本文件,从测试一中百度首页中文正常显示和测试二51cto博客中文不能够正常显示,再从测试五中看出,wkhtmltopdf转换工作的时候,--encoding参数实际上指的是文件存储的编码格式。

    所以通过URL从服务器端请求而来的网页编码文件格式不能确定时后,会使用文件内容编码格式输出,所以得出chartset=utf8和charset=gb2312通过url请求,中文前者可以显示,后者不能。

 


PS:Jsp页面编码解释:

      1.pageEncoding="UTF-8" 是指JSP页面保存时使用的编码方式,也就是JSP文件保存在硬盘上所使用的编码方式 
      2.charset="UTF-8" 是指JSP页面输入输出使用的编码方式,很多服务器在没有找到pageEncoding时,有charset代替pageEncoding。

      我在测试我们自家的网站的时候就没有遇到wkhtmltopdf中文乱码问题,我们的JSP页面格式和内容输出编码格式是统一的,并且都是UTF-8。

  

  PPS:Web开发编码问题一直依赖就像头皮屑一样困扰人们,团队开发关于文件编码格式做到统一,受益是无穷的!



本文转自 secondriver 51CTO博客,原文链接:http://blog.51cto.com/aiilive/1340243,如需转载请自行联系原作者

相关文章
|
数据采集 监控
如何检测和应对网站的反爬虫机制?
如何检测和应对网站的反爬虫机制?
2224 3
|
存储 消息中间件 缓存
|
存储 算法 Java
深入理解 PHP 的 `unset()`:你真的释放内存了吗?
深入理解 PHP 的 `unset()`:你真的释放内存了吗?
677 83
|
4月前
|
存储 监控 Java
Spring Cloud 集成 Nacos,全面的配置中心与服务发现解决方案
通过 Spring Cloud Alibaba Nacos 的集成,可以获得一个功能完整、性能优异、易于运维的微服务基础设施平台,大大降低了微服务架构的复杂度和维护成本。
613 1
|
数据库 Android开发
Android使用EditText+Listview实现搜索效果(使用room模糊查询)
本文介绍如何在Android中使用EditText与ListView实现搜索功能,并结合Room数据库完成模糊查询。主要内容包括:Room的模糊查询语句(使用`||`代替`+`号)、布局美化(如去除ListView分割线和EditText下划线)、EditText回车事件监听,以及查询逻辑代码示例。此外,还提供了相关扩展文章链接,帮助读者深入了解ListView优化、动态搜索及Room基础操作。
811 65
FW怎么做立体箭头? fireworks三维立体箭头的制作方法
我们在FW绘制图形时,有时候经常需要用到立体的效果。该怎么回执箭头并添加立体效果呢?下面我们就来看看详细的教程。
577 1
FW怎么做立体箭头? fireworks三维立体箭头的制作方法
|
SQL 搜索推荐 Java
MyBatis分页插件PageHelper的使用及MyBatis的特殊符号---详细介绍
MyBatis分页插件PageHelper的使用及MyBatis的特殊符号---详细介绍
512 0
|
Ubuntu 网络协议 网络安全
Ubuntu 防火墙UFW使用方式
Ubuntu 防火墙UFW使用方式
805 1
|
运维 数据中心 数据安全/隐私保护
【Terraform实现云服务基础设施既代码(IaC)案例实战-3】:Terraform+Docker+Portainer+Gitlab+GitlabRunner搭建Tree项目
前言树苗科技公司业务上云2年有余,随着技术的不断发展。运维团队支持业务变更配置、开资源、删资源等过程加班到深夜一两点已是家常便饭。为了进一步提升工作效率,运维总监张三决定对当前业务交付路径进行统一梳理,借助IaC的理念和Terraform自动化工具逐步实施运维生产自动化,改善组内成员频繁加班且重复劳...
1487 57
【Terraform实现云服务基础设施既代码(IaC)案例实战-3】:Terraform+Docker+Portainer+Gitlab+GitlabRunner搭建Tree项目