首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

前端使用puppeteer 爬虫生成《React.js 小书》PDF并合并

2.3 一些可能会用到的 puppeteer API // 新建 reactMiniBook.js, 运行 node reactMiniBook.js 生成pdf const puppeteer =...从上面 React.js小书截图来看。 1、打开浏览器,进入目录页,生成 0.React小书目录.pdf 2、跳转到 1.React.js简介页面,获取左侧所有的导航 a链接的 href,标题。...3.7 返回宽高,用于设置视图大小 3.8 设置视图大小,创建生成 pdf 4、关闭浏览器 具体代码:可以查看这里爬虫生成《React.js小书》的 pdf每一小节的代码 // node 执行这个文件...// 笔者这里是: node src/puppeteer/reactMiniBook.js 即可生成如下图:每一小节(0-46小节)的 pdf ?....pdf 具体代码:可以查看这里爬虫生成《React.js小书》的 pdf合并 pdf的代码 最终合并的pdf文件可供下载。

2.6K20

实践指南-网页生成PDF

一、背景 开发工作中,需要实现网页生成 PDF 的功能,生成PDF 需上传至服务端,将 PDF 地址作为参数请求外部接口,这个转换过程及转换后的 PDF 不需要在前端展示给用户。...指定路径,生成pdf— 上述指定的页面加载完成后,将该页面生成 PDF。...小建议:不管 PDF 是不是需要保存到本地,建议在调试的时候都设置一个path,方便查看生成PDF 的样式,检查是否有问题。...图片懒加载— 由于需生成 PDF 的页面是文章类型的页面,包含大量图片,且图片引入了懒加载,导致生成PDF 会带有很多懒加载兜底图,效果如下图: ?...CSS 打印样式— 根据官网[3]说明,page.pdf() 生成 PDF 文件的样式是通过 print css media 指定的,因此可以通过 css 来修改生成PDF 的样式,以本文需求为例,

2.4K41

Java组件生成PDF文件

今天的文章,也就是在准备的过程中实现的一个功能-导出PDF。...组件选用 在日常的工作中,利用POI导出Excel的功能需求自己做了不少,但是导出PDF确实是第一次做,在百度上进行一番查阅,发现大家都是使用Abode的iText组件来生成PDF。...A4,且自定义页边距(marginLeft、marginRight、marginTop、marginBottom) 创建PdfWriter对象 第一个参数是对文档对象的引用 第二个参数是需要写入的PDF...//实际文件 File file = new File("/Users/chenlong/Documents/test.pdf"); PdfWriter writer = PdfWriter.getInstance...文档对象写入到流 Write对象创建之后 首先打开documet(这个过程就像我们创建一个空的pdf文件,然后打开来创作一样) 然后开始写入数据 设置文档属性 最后关闭 document.open(

4.6K20

使用 pdf.js 在网页中加载 pdf 文件

这时就需要专门的JS插件来处理。Mozilla开源了一个插件pdf.js,无需任何本地支持就可以在所有主流的浏览器上显示PDF文档,使用起来十分的方便。唯一的要求就是浏览器必须支持HTML5。...一、pdf.js 简介 官网地址:http://mozilla.github.io/pdf.js/,下载稳定版本,目前最新稳定版为v2.2.228 ? 1、下载至本地: ?...build目录包含以下内容,其中pdf.js是核心文件 ? web目录包含以下内容,其中viewer.html是pdf查看器 ?...3、在VS中打开viewer.html,引用了查看其的样式文件viewer.css、pdf.js核心文件、查看器脚本文件viewer.js 、资源文件local.properties。 ?...该查看器中默认加载的是 pdf.js 的使用说明书内容。 ? 二、将 pdf.js 集成到项目网页中 将解压缩的内容复制到项目中 ? 有多种方式加载加载并查看pdf文件内容。

42.3K61
领券