微信小程序的web-view的使用 和 官方文档的导入代码片段——使用【实测成功】

仅作为记录，大佬请跳过。

微信小程序的web-view的使用

参考

b站视频

（附：基础视图容器，及其所在的主页传送门）

上面参考栏的b站大佬讲到的——官方文档的导入代码片段操作

打开官方文档到组件：

即可

使用【实测成功】

步骤

1、微信公众平台的开发管理——开发设置——添加业务域名处（先点击添加，then下载校验文件，校验文件放在网址服务器的根目录，finally将网址（必须是https:）复制到业务域名）——保存

2、打开微信小程序开发者工具——新建不使用云服务的文件

3、添加代码

博主试了几次，最后试成功的代码：

app.json

"pages/mycomp/view/view"

mycomp/view/view.wxml

<!-- <view>web-view</view> -->
<!-- <web-view>src="https://wangbf.top"</web-view> -->
<web-view src="https://wangbf.top"></web-view>

最后index.wxml的倒数第二行

  <web-view src="https://wangbf.top"></web-view>

代码展示

4、编译后，得以自动运行