Webview加载pdf遇到的一些坑及解决方法(1)，前端开发移动端

});

新建Html

<meta name=“viewport”

content=“width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=4.0,user-scalable=no”/>

准备好js和html后，使用webview对在线pdf（www.gjtool.cn/pdfh5/git.p…[1] 进行加载，

webView?.loadUrl(“file:///android_asset/index.html?https://www.gjtool.cn/pdfh5/git.pdf”);

运行成功后，pdf也加载出来了。

添加双指缩放

---

好家伙，终于是加载出了pdf，我满心欢喜的拿着效果给产品看一看。

“你这是加载出来了，但是字体看着有点小，你看能不能加上双指缩放的功能”。产品小王看了一眼，

“那必须能啊。”

将webview设置为支持缩放状态，并且useWideViewPort设置为true,让Webivew支持meta标签的viewport属性，

settings?.useWideViewPort = true

settings?.builtInZoomControls = true

settings?.setSupportZoom(true)

settings?.displayZoomControls = false //不显示缩放按钮

并且修改html中的meta属性，设置minimum-scale，maximum-scale属性，以及将user-scalable置为yes，

运行成功后，成功对pdf进行双指缩放。

产品看了过后，点了点头。我也开开心心的提交了代码。

签章无法显示

---

以为这个小功能已经开发完成，没有多大的问题，直到有一天测试小姐姐找到我，

“你这pdf显示有问题，当pdf上有签章时，签章无法显示”

“what？”

签章无法显示，这个倒是没有自测过，赶紧找测试要了链接来验证，经过验证，签章的显示确实有问题。所谓签章，即在pdf上加盖公章或者签名。如下图

（来源网络）