微信小程序使用webview打开pdf文档及显示网页内容

一、微信小程序根据接口返回的pdf链接，在小程序内部浏览pdf内容
需要用到微信小程序的两个api 下载资源到本地 wx.downloadFile wx.openDocument
前一个api下载资源到本地，后一个api打开pdf文档

wx.downloadFile({ //将文档下载到本地url: fileUrl,//pdf链接success(res) {wx.openDocument({ //打开文档filePath: res.tempFilePath,//本地文档路径fileType: "pdf",//文档类型showMenu: true,success: function (res) {wx.showToast({title: '打开文档成功',})},fail: function (res) {wx.showToast({title: '打开文档失败',})},})},})

二、根据网页链接，把网页内容在微信小程序内部显示
需要用到微信小程序的一个标签 web-view

其实就是需要新建一个页面，然后新建的页面里面只写一个web-view标签，src等于从上一个页面传过来的值就ok了

2022年6月6日更新
微信小程序通过webview打开e签宝（ps:e签宝是一个签订电子合同的第三方网站，有兴趣的小伙伴可以点击看看 e签宝）时，提示我 不支持打开非业务域名，

然后我就去百度了下，发现是需要配置e签宝的业务域名的，之前是把接口配置在了服务器域名了，所以不行，

配置业务域名时，需要把校验文件发给第三方，在他们接口地址的目录下添加该文件，

本以为业务域名配置好了，地址也发过来了，微信里面是可以打开的并且电子合同信息都完全显示、签字盖章的，但是在微信小程序里面打开却只是个静态页面，很无语，截图如下
1.微信通过点击链接打开的页面：

2.微信小程序打开的页面

有点小迷，后来想了想是不是参数没传过去，然后就打印下了跳转页面时传来的值，

而接口返回的链接呢，是这样的，明显看到?后面的值都没传过来。。

所以果然是参数没传过来啊，然后就去百度了下，发现可以使用 encodeURIComponent()对地址进行编码，然后使用decodeURIComponent()对地址进行解码，代码如下

哈哈，有活咱就干，解决不了就摆烂，可不是好习惯哦~

微信小程序使用webview打开pdf文档及显示网页内容相关推荐

微信小程序通过Webview打开外部网站
微信小程序是支持访问第三方网站,但前提是第三方网站得允许访问,因此要在第三方网站的根目录下添加"业务域名" 登陆小程序后台,找到开发设置,添加要访问的第三方网站先配置校验文件到第 ...
微信小程序学习实录1(wxml文档、引入weui、双向数据绑定、提交表单到后端)
微信小程序学习实录一.wxml文档二.新建页面快捷方式三.微信小程序引入weui 四.双向数据绑定 1.wxml渲染层 2.js逻辑层提交表单到后端五.微信小程序跳转到H5 一.wxml文档 ...
微信小程序开发指南，接口文档，工具下载使用
相信前天,从事互联网行业人的朋友圈给刷爆了,前微信公众平台开始陆续对外发送小程序内测邀请,而小程序即被外界广为关注的微信"应用号". 小程序的推出也并非一蹴而就,早在2016年1月 ...
[解决方案] Mendelay无法打开pdf文档：显示 unable to open this file
前言本文旨在解决:明明pdf文件存在且能打开,但是在Mendelay中却提示打不开的情况. 为什么在此记录呢? 因为我想了很久,最后才通过"蛛丝马迹"找到原因,这个过程很有思辨意 ...
webview 个人小程序_微信小程序新增Webview它是什么东西？
原标题:微信小程序新增Webview,它是什么东西? 今天刚刚给客户做完案子,正准备去睡觉.2017 今天刚刚给客户做完案子,正准备去睡觉.2017年11月3日 11:29看到了微信公众平台推送的小程 ...
微信小程序通过web-view网页授权获取用户公众号OpenID
小程序中实现网页授权获取微信公众号OpenID 1.准备工作 2.应用场景说明 3.实现步骤结语 1.准备工作第一步: 通过该地址https://mp.weixin.qq.com/debug/cg ...
微信小程序和webview通信踩坑（表单篇）
背景为了适配多端小程序,通用的功能一般采用webview的方式引入小程序,这次的移动管理端也不例外. 需求 h5表单的地图选择功能.如下所示: 可行性分析方案: 引入第三方地图使用微信sdk的地 ...
微信小程序不支持打开非业务域名_一行代码网站封装微信小程序，并解决微信小程序不支持打开非业务域名https://,请重新配置的问题！...
一行代码封装微信小程序利用「」一行代码原封不动的把你现有博客或者网站封装成小程序. 第一步注册微信小程序账号并登陆,点击菜单栏 "开发" 中的"开发设置", ...
微信小程序之页面打开数量限制
微信小程序之页面打开数量限制无论是在小程序还是APP中,打开一个页面其实就是创建了一个新的View对象,一层层叠加的.当点击页面的回退按钮就是把当前页面关闭. 这个过程中会涉及到一个问题,就是打开页 ...
微信小程序与webview H5交互（内嵌H5跳转原生页面）
在开发中,使用web-view组件内嵌H5页面是非常常见的,但很多人不知道webview内嵌H5如何与原生小程序交互.下面介绍下实现微信小程序与webview H5交互的方法. web-view功能 ...

微信小程序使用webview打开pdf文档及显示网页内容

微信小程序使用webview打开pdf文档及显示网页内容相关推荐

最新文章

热门文章