小程式現在日漸成熟，功能也越來越強大，我們今天來一起看看小程式跳轉H5頁面的問題。
小程式元件中有一個web-view，是一個可以用來承載網頁的容器，會自動鋪滿整個小程式頁面。
注意：個人型別與海外型別的小程式暫不支援使用。
好的，我們直接上程式碼，然後再進行講解。

wxml1：
<view class="tiaoH51">
   <navigator url="pageH5" class="papaa">
     點選跳轉到H5頁面
   </navigator>
 </view>
wxml2：
<view class
 
="container">
  <view class="pageH5">
    <web-view src="https://www.baidu.com/"></web-view>
  </view>
</view>

ok，沒有任何廢程式碼，但是可能有的小夥伴有疑問了，為什麼一個跳轉需要兩個頁面的wxml呢？彆著急，且聽我娓娓道來~

1.首先，web-view元件的屬性src，正如你說看到的，這個就是設定網頁連結的，但是需要特別注意的是web-view的src必須配置https協議的連結；
2.其次，就是web-view元件只要配置了連結，它是鋪滿全屏且自動跳轉的，所以這也就是為什麼我這邊需要先寫一個navigator按鈕，自主操作之後再讓它跳轉的原因；
3.最後，web-view跳轉的介面域名，需要配置在小程式開發設定的業務域名列表中。

平心而論小程式的坑確實是挺多的，我已經踩了好多了，但是感覺還在一直踩踩踩，那天我想不開了，我就來總結一片小程式坑集，哈哈哈哈……