所属分类:web前端开发
随着移动互联网的兴起,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默认限制外链浏览器的详细内容,更多请关注zzsucai.com其它相关文章!