如何关闭Uniapp默认限制外链浏览器

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

如何关闭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默认限制外链浏览器的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:聊聊Angular中父子组件间怎么传递数据
下一篇:实例详解vue3实现chatgpt的打字机效果

发表评论

关闭广告
关闭广告