欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 新闻 > 国际 > uniapp App页面通过 web-view 调用网页内方法

uniapp App页面通过 web-view 调用网页内方法

2025/4/17 6:31:41 来源:https://blog.csdn.net/qq_31683775/article/details/147051268  浏览:    关键词:uniapp App页面通过 web-view 调用网页内方法

先是报这个错

A parser-blocking, cross site (i.e. different eTLD+1) script, https://api.map.baidu.com/getscript?v=3.0&ak=pgJsRF87Fjia&services=&t=20250225111334, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details. at https://api.map.baidu.com/api?v=3.0&ak=p1Ona:1
17:44:49.105 [WARNING] :A parser-blocking, cross site (i.e. different eTLD+1) script, https://api.map.baidu.com/getscript?v=3.0&ak=p1O7Fjia&services=&t=20250225111334, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details. at https://api.map.baidu.com/api?v=3.0&ak=p1On6Mpgs8yRrLU7RRgJsRF87Fjia:1
17:44:49.274 [HMR] Waiting for update signal from WDS... at http://192.168.1.95:9091/static/js/chunk-vendors.js:15242
17:44:49.790 Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools at http://192.168.1.95:9091/static/js/chunk-vendors.js:49249

排查发现可能是 

https://api.map.baidu.com/getscript?v=3.0&ak=p1On6Mpgs8yRR7U7RRgJsRF87Fjia&services=&t=20250225111334

这个js加载太慢 终止了 document.write 调用的js,把这个js文件引入先去掉就可以了

<template><view><button  @click="sendMessage" style="z-index: 999999;height: 50px;">Send Message</button><web-view ref="webview" src="http://192.168.1.95:9091/#/pages/index" style="height: 400px;margin-top: 50px;"></web-view></view>
</template><script>export default {data() {return {}},methods: {sendMessage() {//this.$refs.webview.evalJs(`alert('Message from UniApp')`);const currentWebview = this.$scope.$getAppWebview();const wv = currentWebview.children()[0];wv.evalJS(`alert('Message from UniApp')`);},},onReady() {// 确保 web-view 已加载完成setTimeout(() => {this.sendMessage();}, 3000);},}
</script><style></style>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词