puppeteer 乱码解决办法

最新推荐文章于 2024-06-30 12:42:38 发布
置顶 最新推荐文章于 2024-06-30 12:42:38 发布
阅读量3.2k 收藏
点赞数
分类专栏： shell 文章标签： ubuntu 字体 puppeteer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fearlessxjdx/article/details/105283588
版权
在使用puppeteer进行网页截图时遇到中文字体显示为方框的问题，经分析可能是因为Ubuntu系统缺少中文字体。通过安装字体配置工具fontconfig，并将Windows系统的宋体和微软雅黑字体复制到Ubuntu的字体目录，成功解决了Ubuntu系统中puppeteer的中文字体乱码问题。
摘要由CSDN通过智能技术生成

03e57267935147a899cf2ce206de5fac
dbda9e0e001e44d2ba19d27b27f6af42

起因

学习使用 puppeteer 工具时，按照官网 Getting Started 示例，截图某网址时发现生成的图片，中文字体处都是方框。
在这里插入图片描述
猜测是因为ubuntu没有中文字体导致的

安装中文字体

  1. 首先安装字体配置工具(fontconfig)

    sudo apt-get install -y fontconfig

  2. 查看目前已安装的中文字体，我们会发现一个都没有。。

    fc-list :lang=zh

  3. 由于字体有版权问题，linux没有提供直接的安装途径，但是我们可以把windows系统里已有的字体传到linux服务器就行了。。
    具体就是把windows系统字体文件夹中，你

最低0.47元/天 解锁文章
fearlessxjdx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手动下载Chrome并解决puppeteer无法使用问题
10-17
本篇文章主要介绍了手动下载Chrome并解决puppeteer无法使用问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解Puppeteer 入门教程
08-27
详解Puppeteer 入门教程 Puppeteer 是一个 Node 库，提供了一组用来操纵 Chrome 的 API。它可以模拟浏览器的行为，实现网页截图、爬虫、模拟键盘输入、表单自动提交、登录网页等功能。 Puppeteer 简介 Puppeteer ...
Puppeteer 出现部分中文显示乱码
XLL20001022的博客
09-14 2559
使用Puppeteer进行截图时，会出现部分中文显示方块字乱码的问题。这并不是Puppeteer的问题，实际上是Linux字体库对中文支持不好的原因。我们只需要给服务器的Linux系统安装支持的中文字体库即可。这里推荐文泉驿字体 :文泉驿是一个以开发开源、免费中文电子资源－－如汉字字体、词库等－－为目标的公益性组织。她的创办宗旨是实现“任何人在任何地方都可以自由使用汉字和汉语进行交流”。——摘自百度百科。
Ubuntu添加系统字体
最新发布
科软搬砖人
06-30 539
ubuntu添加字体
ubuntu下安装puppeteer和解决截图中文乱码
u014415344的博客
03-18 2958
ubuntu下安装puppeteer和解决截图中文乱码 ubuntu下安装puppeteer和解决截图中文乱码 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增...
npm i puppeteer失败及踩坑 permission denied Failed to launch 中文乱码
朱鹏飞个人博客（十余年后端开发经验，专注于.net nodejs 数据库）
03-26 2590
问题 root@test:/data/a8service/source# npm i puppeteer@5.5.0 install /data/a8service/source/node_modules/puppeteer node install.js ERROR: Failed to set up Chromium r818858! Set "PUPPETEER_SKIP_DOWNLOAD" env variable to skip download. [Error: EACCES: permis
Puppeteer导入pdf攻略以及踩坑问题
zty_989443的博客
02-06 1098
Puppeteer导入pdf攻略以及踩坑问题
utuntu部署puppeteer html转pdf笔记
qq_39363821的博客
08-23 142
2.安装node，不要使用apt-get，安装不是最新版本。4.安装chromium-browser。3.安装 puppeteer。1.安装chrome依赖。
node_puppeteer.zip
08-12
在本项目中，我们主要关注的是使用Node.js与Puppeteer库来实现在CentOS7操作系统上将Web页面转换为PDF的功能。Puppeteer是由Google Chrome团队开发的一个Node库，它提供了一组高级API，可以方便地通过DevTools协议...
Puppeteer使用示例详解
09-19
Puppeteer是一个强大的Node.js库，它允许开发者通过Chrome DevTools协议远程控制无头Chrome或Chromium浏览器。无头浏览器意味着它们在没有用户界面的情况下运行，非常适合自动化测试、网页抓取和其他后台处理任务。...
puppeteer在mac和linux上表现不一致的问题记录
艾米栗的代码天地
07-01 577
使用puppeteer实现页面截图全文档。
puppeteer docker 中文 Failed to launch chrome 中文乱码
DEAD_line9527的博客
12-21 2066
最近项目上用到一个puppeteer服务进行截图，要把前端服务打包到docker镜像中 首先我使用了node作为初始镜像，将前端代码打到镜像里面，最后打出来的镜像在运行截图的时候会报错说缺少: libX11-xcb.so.1 ，应该是镜像里面缺少一些lib，所以想下要用别的镜像作为初始镜像 接着我在网上找啊找，找啊找，终于又找到了篇博客，就是在docker 里面使用puppeter的 https://www.jianshu.com/p/6a07fbd5b299 我按照教程来做。不过最后又有报错，不是缺失
puppeteer 生成pdf 全攻略
weixin_43838328的博客
12-31 5089
项目背景： 最近公司需求生成pdf报告，本想着这很简单。当产品递给我一份花里胡哨的原型时，我觉得他是在为难我一个做后台开发的。 简单来说我们的需求就是：接口导出一份内容花里胡哨且打印后观感好的pdf； 于是也进行了一些技术对比调研。前端和后端生成pdf的方法网上有很多,以下列举一些常用的方式作于参考，部分表格内容源于网络。 学习内容： 前端 html2canvas+jsPDF 原理：将html元素转换为canvas或者图片最终生成pdf文件。 优点：前端此方法教程最多...
puppeteer使用截图功能出现乱码
CF西西的专栏
03-16 2932
一般的linux机器是没有中文字库的，解决方案就是对linux机器安装中文字库 一、安装fontconfig yum -y install fontconfig 这个命令执行完成之后，就可以在/usr/share文件夹里面看到fonts和fontconfig 二、添加中文字体库 从window的C:\Windows\Fonts里面把你需要的字体拷贝出来。比如simfang.t...
centos 使用chrome浏览器 中文乱码显示方框解决
heasy's blog
06-21 5871
在chrome中所有中文都显示为方框，解决办法：执行如下三条命令 yumgroupinstall"XWindowSystem"-y yum-ygroupinstallchinese-support yum-ygroupinstallFonts ...
phantomjs截图中文乱码问题解决
weixin_34218890的博客
11-09 1615
用phantomjs去截取中文页面的网站可能会出现乱码的情况，原因是访问的服务器缺乏字体库，看到的截图中中文的位置全是方框,解决办法就是安装字体。 在centos中执行： # yum install bitmap-fonts bitmap-fonts-cjk 在ubuntu中执行： # sudo apt-get install xfonts-wqy ...
Nodejs 读取中文时乱码问题
Leon's Blog——Study Notes
09-06 3415
最近在用Nodejs访问含有中文的文件，在以utf8编码读取后，再转为gbk，总是乱码，在网上搜了一圈才解决，现分享给大家。 说白了就一句话，先以二进制编码读入，再进行转换。 var fs = require('fs'); var iconv = require('iconv-lite'); var file_name = "/tmp/0820_0824.csv"; fs.readFile
puppeteer 中文乱码
05-11
你可以尝试以下方法解决中文乱码问题： 1. 设置页面的编码格式 在 Puppeteer 中通过 `page.goto()` 方法打开页面时，可以指定页面的编码格式，例如： ```javascript await page.goto('https://www.example.com', ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值