网站首页 > 技术文章 正文
在之前对接展示PDF展示的过程中,发现了很多兼容性问题,在这里对场景和验证时注意点进行了梳理,方便其他产品同学避免踩坑。
场景一
使用场景
在后端生成pdf并存储,发送URL给前端展示
验证注意点
pdf是一个兼容性很差的文件,如果我们希望在前端直接展示pdf,不进行其他处理,一般展示不会有问题,为了保险起见,最好苹果、安卓、pc端都验证一边
场景二
使用场景
如果我们希望不存储PDF文档,直接先给用户预览,用户确认后再进行存储,此时我们应当在前端生成pdf
可能遇到的问题
在前端生成的pdf兼容性很差,在安卓端,苹果端不同时兼容的可能性很大,需要格外验证苹果及安卓端能否同时能展示
建议解决方法
前端有技术可以将PDF变成HTML进行展示,HTML的兼容性最好的,可以考虑用HTML进行替代PDF展示
举例
背景:
在香港开户流程中,用户输入信息后,按照美国证监会要求,需要给用户确认自己的信息。我们采用的为展示PDF的方式展示给用户。
流程思考:
因为用户没有确认自己的信息,PDF不应当进行存储,用户确认自己信息后,才应当存储给后端
遇到的问题:
在前端生成的PDF,在安卓端无法展示
解决方法:
在前端处理为HTML进行展示,用户确认后,生成PDF给后端进行存储
处理流程
本文由 @asherchen 原创发布于人人都是产品经理。未经作者许可,禁止转载
题图来自Unsplash,基于CC0协议
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务
猜你喜欢
- 2025-06-28 前端神库!让你能在 Nodejs 里操作浏览器玩出花样!
- 2025-06-28 OpenAI久违发了篇「正经」论文:线性布局实现高效张量计算
- 2025-06-28 黑客WEB攻防技术实战宝典,WEB网络安全PDF电子书合集
- 2025-06-28 高效处理报表,掌握原生JS打印和导出报表为PDF的顺畅技巧!
- 2025-06-28 界面美观功能强大,终于可以告别单调的swagger ui了——knife4j
- 2025-06-28 PDF.js 很强,但 PDFSlick 可能更适合你!
- 2025-06-28 PDFgear——一款接入AI智能化模型的免费PDF聊天软件
- 2025-06-28 5种开源PDF解析方案(JS/Node.js)及实战教程
- 2024-10-06 ?? JavaScript提取PDF图片 ?? js 导出pdf
- 2024-10-06 VUE前端编程:PDF插件填坑记 vue-to-pdf
你 发表评论:
欢迎- 最近发表
-
- Python常用标准库(pickle序列化和JSON序列化)
- Linux json-c使用_linux解析json数据
- 源码推荐(03.04):微信支付的测试,Json数据解析
- 打开JSON文件的六种方法,总有一种适合你
- springmvc项目中接收Android提交json数据
- 一篇文章让你详细了解何为JSON_json到底是什么
- FlinkSQL处理复杂JSON的思路_flinksql解析json数组
- 超级好用的轻量级JSON处理命令jq_json使用教程
- .NET性能系列文章二:Newtonsoft.Json vs System.Text.Json
- 推荐几个开发必备的JSON工具_推荐几个开发必备的json工具
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- oracle面试 (55)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)