您的当前位置:首页正文

微信小程序 web-view 访问外部链接

2024-11-13 来源:个人技术集锦

<web-view></web-view> :承载网页的容器,会自动铺满整个小程序页面。

实现方法:

调试:

在微信开发者工具上调试:

微信开发者工具打开一个 webview 页面后,点击模拟器右下角七星瓢虫模样的按钮,将会打开一个新的调试窗口,就可以查看到嵌入的 H5 页面的调试信息了。

真机调试:

可以借助微信 Web 开发者工具来调试基于微信内置浏览器的网页。

存在的问题:

  1. 访问的外链运行在微信内置的浏览器上,会存在缓存问题,有可能导致无法访问到最新的页面。

    想要清除微信内置的浏览器的缓存,可以:

    1. 在设置中清空存储空间。
    2. 退出微信账号重新登录。

    解决方法:

    • 前端设置不缓存资源;后端也设置每次请求都不缓存,强制更新资源。
    • 可以在链接后面添加随机数,https://test.com/?timestamp=123456;或者在链接中加入版本号,每次发布都更新版本号,https://text.com/v1/
显示全文