如何關閉Uniapp預設限制外鏈瀏覽器

隨著行動互聯網的興起，web應用逐漸成為用戶進行產品體驗的首選，而Uniapp作為一款高效能跨平台開發工具，在實現企業行動端應用開發時受到廣泛關注。然而，由於開發者需要考慮到應用程式安全性等問題，Uniapp預設是禁止外鏈瀏覽器的，這對於一些需要使用瀏覽器核心的功能的應用（如支付功能）而言，會造成很大的困擾。因此，本文將會介紹如何關閉Uniapp預設限制外鏈瀏覽器的設定。

一、修改manifest.json

在Uniapp中，manifest.json是設定檔的主要文件，透過修改該檔案中的設定內容可以實現外鏈瀏覽器的開啟限制。在manifest.json檔案中，可以找到以下程式碼：

"condition": {
      "appType": [
        "normal"
      ]
    }

其中，appType定義了應用程式類型，normal表示只有在應用程式中開啟連結。要關閉限制，只需要在該程式碼區塊後面新增以下程式碼：

"launch_path": ".pg",
    "extern": {
      "allow_external": [
        "https://*",
        "http://*",
        "tel:*",
        "mailto:*"
      ]
    }

其中，launch_path定義了應用程式啟動的頁面路徑，這裡設定為「.pg」表示目前所在的頁面。 extern定義了外鏈存取的限制，allow_external中的項表示允許的外鏈存取的協定和位址，可以根據實際需求進行修改。

修改後的manifest.json應該是以下這樣：

"condition": {
      "appType": [
        "normal"
      ]
    },
    "launch_path": ".pg",
    "extern": {
      "allow_external": [
        "https://*",
        "http://*",
        "tel:*",
        "mailto:*"
      ]
    }

以上修改完成後，儲存manifest.json即可。

二、修改uni-config.json

Uniapp提供了一級目錄下的uni-config.json文件，可以用於設定應用程式的全域配置，其中也提供了修改外鏈存取設定的方式。在該檔案中可以找到以下程式碼：

"condition": { "openWebviewCheck": true }

其中，openWebviewCheck為true表示預設開啟外鏈偵測。要關閉限制，只需要將程式碼修改為：

"condition": { "openWebviewCheck": false }

修改完成後儲存檔案即可。

三、修改頁面代碼

如果應用程式中有需要用外鏈瀏覽器開啟的頁面，可以透過以下步驟進行修改：

1.在template中加入按鈕或a標籤等用於跳轉的元素；

2.在script中加入以下程式碼：

export default {
  methods: {
    jumpExternalUrl() {
      uni.navigateTo({
        url: "/pages/webview/index?url=" + encodeURIComponent(
          "https://blog.csdn.net/xxxxxx")
      })
    },
  },
}

其中，url為跳轉的鏈接，需要進行encodeURIComponent進行編碼。

透過上述步驟，即可在Uniapp應用程式中開啟外鏈瀏覽器網頁。

總之，關閉Uniapp預設限制外鏈瀏覽器的設置，需要在manifest.json、uni-config.json兩個檔案和頁面程式碼中加入相應程式碼。希望本文能為需要使用瀏覽器內核功能的開發者提供協助。

以上是如何關閉Uniapp預設限制外鏈瀏覽器的詳細內容。更多資訊請關注PHP中文網其他相關文章！