在微信小程序中打開網(wǎng)頁需要滿足兩個條件：

? ? 1、在小程序管理后臺設(shè)置跳轉(zhuǎn)的域名為業(yè)務(wù)域名，注意這個域名必須是https協(xié)議的；

? ? 2、需要下載一個校驗文件放置跳轉(zhuǎn)域名的服務(wù)器根目錄下，也就是講這個跳轉(zhuǎn)域名的服務(wù)器你必須有上傳文件權(quán)限。

注意事項：

? ? 1、跳轉(zhuǎn)這個鏈接只能是在當前小程序中，用web-view組件來打開，而不是新開一個瀏覽器去訪問url。

? ? 2、web-view組件是用于承載網(wǎng)頁的容器，會自動鋪滿整個小程頁面。

? ? 3、個人類型的小程序暫時不支持使用?？纱蜷_關(guān)聯(lián)的公眾號的文章。

? ? 4、如果打開的網(wǎng)頁的src鏈接是當前小程序關(guān)聯(lián)公眾號的文章，可不用配置業(yè)務(wù)域名和校驗文件就可以直接打開了。

使用場景：

比如我是SMG小程序，是否能做個鏈接到百度首頁？

不可以，因為就算借助web-view組件，跳轉(zhuǎn)的域名有個條件是下載一個校驗文件放置跳轉(zhuǎn)域名的服務(wù)器根目錄下，測試版可以看看效果，但是現(xiàn)實真機操作中，SMG是無法獲取百度服務(wù)器的FTP文件上傳或下載權(quán)限的，所以是實現(xiàn)不了，然而大部分應用場景都是跳轉(zhuǎn)到自家產(chǎn)品的url。

微信開發(fā)者工具：

為了幫助開發(fā)者簡單和高效地開發(fā)和調(diào)試微信小程序，微信團隊推出了全新的 微信開發(fā)者工具，集成了公眾號網(wǎng)頁調(diào)試和小程序調(diào)試兩種開發(fā)模式。

下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

由于微信小程序打開外部網(wǎng)頁需要配置業(yè)務(wù)域名和在目標服務(wù)器中放置校校驗文件才能打開，但是我們在開發(fā)過程中 或 在測試過程中沒有進行配置，而又想看一下打開外部網(wǎng)頁的效果怎么辦？

此時，我們可在微信開發(fā)者工具中進行相應的設(shè)置，然后生成預覽，就可以在手機上查看了，但是：請記住這只是用于測試，如果發(fā)布到正式環(huán)境，這個就不行了哦，所以最好還是配置業(yè)務(wù)域名和校驗文件。

具體設(shè)置如下：

1、打開微信開發(fā)者工具，選擇設(shè)置菜單中的 項目設(shè)置。

2、在右側(cè)的本地設(shè)置中 鉤上 不校驗合法域名、web-view（業(yè)務(wù)域名）、TLS版本以及HTTPS證書。

實例代碼：

// wxml文件

```html

<web-view src="https://www.baidu.com" bindload="bindload" binderror="binderror"></web-view>

```

// js文件

// 網(wǎng)頁加載成功時候觸發(fā)此事件

```js

bindload(res) {

? ? console.log(res, res.detail)

},

```

// 網(wǎng)頁加載失敗的時候觸發(fā)此事件

binderror(err) {

? ? console.log(err, err.detail)

}