首頁 > web前端 > uni-app > 主體

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

PHPz
發布: 2023-04-20 09:39:57
原創
926 人瀏覽過

隨著行動互聯網的興起,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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板