首页 > web前端 > uni-app > 如何关闭Uniapp默认限制外链浏览器

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

PHPz
发布: 2023-04-20 09:39:57
原创
959 人浏览过

随着移动互联网的兴起,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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板