7***@qq.com
7***@qq.com
  • 发布:2020-10-19 20:03
  • 更新:2022-06-29 09:59
  • 阅读:7633

uniapp webview怎么监听网页加载完成?

分类:uni-app

比如我想用webview来显示 加载之前回出现一段是的空白 我想做一个加载动画 等加载完成后就去掉动画 如何才能知道webview已经加载完成

2020-10-19 20:03 负责人:无 分享
已邀请:
vonfly

vonfly - 中端开发工程师

同问,这个问题应该怎么解决呢?

4***@qq.com

4***@qq.com

有个加载进度的状态 可以用~

4***@qq.com

4***@qq.com

onclose: Webview窗口关闭事件
onerror: Webview窗口错误事件
onloaded: Webview窗口页面加载完成事件
onloading: Webview窗口页面开始加载事件
别问我是谁,请叫我雷锋!

  • vonfly

    我监听该事件并没有执行onloaded: Webview窗口页面加载完成事件

    2021-01-13 10:25

恋情灬物语

恋情灬物语

                  // #ifdef APP-PLUS  
            var currentWebview = this.$mp.page.$getAppWebview()   
            setTimeout(()=> {  
                wv = currentWebview.children()[0]  
                wv.setStyle({top:0,height:1})  
                wv.addEventListener("loaded",function(){  
                    wv.setStyle({top:0,height:'100%'})  
                    w=null;  
                },false);  
            }, 1000); //如果是页面初始化调用时,需要延时一下  
        // #endif  
                   亲测有效,我的需求是白屏前显示其他组件页面 height:1,加载完成 height 100% webview显示
  • 恋情灬物语

    H5就用iframe呗

    2022-06-29 10:00

  • 宗宗

    为什么白屏啊

    2023-03-10 15:39

  • 1***@qq.com

    设置为1之后,就设置不了100%了。webview只显示一条线

    2023-06-28 09:29

该问题目前已经被锁定, 无法添加新回复