在 uni-app 中使用 webview 打开本地文件,打开不成功出现套娃现象的解决方案

  1. 小程序仅支持加载网络网页,不支持本地html
  2. 排查本地文件是否按照官方给出的路径建立的。
    • uni-app 项目根目录->hybrid->html 文件夹下或者 static 目录下
    • 在这里插入图片描述
    	<web-view src="/hybrid/html/local.html" :webview-styles="{height:'100%'}"></web-view>
    
  3. 本地路径建立正确,并且webviewsrc属性指向路径正确后,需要重新启动项目后才会生效

当项目中需要打开 项目外的链接 或者是需要书写一些 uniapp 不支持的代码时 ,webview 将是一个比较好的解决方案。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐