【报Bug】uniapp在iOS端不兼容远程pdf.js页面

分类：uni-app

uniapp

使用uniapp开发的app打开远程地址，该页面使用pdf.js在线阅读pdf文档，不管是使用web-view组件还是原生plus.webview.create，打开的页面显示字号都放大了，重叠在一起，之前用H5+开发的app打开就是正常的，现在想把原app升级为uniapp，同样的远程地址，到uniapp里就不行了。

uniapp的iOS内核跟原来H5+的iOS内核不一样吗？

只是在iOS端有问题，在安卓端显示都正常。

2019-03-22 10:23 负责人:无分享

8 个回复

1***@163.com - 90后前端菜鸟

可以问一下你的webview src怎么写的吗

独孤雄鹰 (作者)

src就是一个网页地址，http://xxxx.com/xxxx这样子的

2019-09-02 17:04

安远

您好我也有和你一样的需求，您弄出来了么

b***@126.com

同样的问题，真的好无语

7***@qq.com

大哥你弄出来了吗

独孤雄鹰 (作者)

我的解决方法是：在onLoad里做个判断，android端使用pdf.js，ios端直接打开pdf文档

7***@qq.com

能看看你这个代码是怎么写的吗

2019-12-02 17:03

独孤雄鹰 (作者)

<template>  
    <view>  
        <web-view :src="weburl" :webview-styles="webviewStyles"></web-view>  
    </view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  
                weburl:'',  
                webviewStyles:{  
                    progress:{color: '#FF9900'}  
                }  
            };  
        },  
        onLoad(e) {  
            if(plus.os.name === 'iOS'){  
                uni.request({  
                    url: "pdf文档http地址",  
                    success: (res) => {  
                        if (res.statusCode == 200) {  
                            var pages = getCurrentPages();  
                            var page = pages[pages.length - 1];  
                            var currentWebview = page.$getAppWebview();  
                            var topoffset=(Math.round(plus.navigator.getStatusbarHeight())+44)+'px';  
                            var embed=plus.webview.create(res.data.pdfurl,'zhikupdf',{  
                                top:topoffset,  
                                bottom:'0px',  
                                position:'dock',  
                                dock:'bottom',  
                                bounce:'none',  
                                scalable:true,  
                                progress:{color: '#FF9900'}  
                            });  
                            currentWebview.append(embed);  
                        }  
                    }  
                })  

            }else{  
                this.weburl = "pdf.js的页面http地址";  
            }  

        }  
    }  
</script>