先说功能需求，点击A页面的书本，跳转到B页面预览相应的PDF格式文件内容

最初的写法是直接在A页面写方法做跳转并传链接参数，B页面接收，并使用web-view做预览，此方法只能在ios正常预览，Android不显示。

A页面

B页面

通过百度查询知道uniapp开发微信小程序时使用web-view跳转pdf文件链接时，Android是不生效的，ios可以正常跳转

解决方法：

在A页面的跳转方法中写一个判断方法，判断手机为Android或者IOS，若为Android，则在A页面直接预览，若为IOS，则跳转B页面后预览

代码如下

curriculumItem为点击方法传的参数

urlSrc为pdf文件链接

如果不够清楚，可以看这位博主的文章

参考链接：

解决uniapp开发微信小程序预览pdf文件ios\安卓兼容问题_学习路漫漫的博客-CSDN博客_uniapp 小程序预览pdf问题项目需要用uniapp来开发微信小程序，其中，有一个功能是预览pdf, 后台以链接形式返回pdf地址，一开始使用web-view做链接跳转，但是出现ios文件可以正常打开，android打不开的情况，本来想用pdf.js做，后来发现微信自带的有一个API可以打开文档，于是就试了下。解决方法wx.downloadFile({url: 'https://xxxx.xx/example.pdf',success: function(res) {consthttps://blog.csdn.net/weixin_44902450/article/details/111367542?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164845186316782246487169%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=164845186316782246487169&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-3-111367542.142^v5^pc_search_result_cache,143^v6^control&utm_term=uniapp+%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%AE%BE%E7%BD%AEpdf%E5%9B%BE%E7%89%87+%E5%AE%89%E5%8D%93%E6%89%8B%E6%9C%BA%E4%B8%8D%E8%83%BD%E6%89%93%E5%BC%80&spm=1018.2226.3001.4187