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