如何关闭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默认限制外链浏览器的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3029851.html

(0)
上一篇 2025年3月13日 07:47:43
下一篇 2025年3月1日 13:33:24

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • uniapp安卓css找不到怎么办

    在使用uniapp进行安卓开发时,有时候会遇到css样式找不到的问题。这种情况可能会将你的开发流程搞乱,所以我们需要知道为什么会发生,以及如何解决这个问题。 产生问题的原因: uniapp 框架中采用了Weex渲染引擎进行开发,有些样式并没…

    编程技术 2025年3月13日
    100
  • uniapp如何取消启动页

    uniapp是目前流行的一种跨平台开发框架,它将web、ios、android等多个平台的开发合并到了一个项目中,使得开发变得更加高效、简单,为大家的开发工作提供了巨大的便利。但是,使用uniapp框架进行开发时,启动页的出现可能会让你感到…

    编程技术 2025年3月13日
    200
  • uniapp怎么在一个页面放一张背景图

    随着移动应用开发日趋普及,跨平台移动应用的开发逐渐成为一种趋势。而uniapp作为一款跨平台的开发工具,其优点不言自明。在uniapp的开发中,常常需要设置背景图来美化页面,让用户更好的使用应用。那么,uniapp怎么在一个页面放一张背景图…

    编程技术 2025年3月13日
    200
  • uniapp swiper切换太快会死掉是什么情况

    最近使用uniapp开发一个小程序时,用到了swiper组件实现轮播图的功能。但是在测试的时候发现,如果用户快速滑动切换图片,小程序就会出现卡顿、卡死的情况。 一开始我以为是自己代码的问题,于是仔细检查了一遍代码,但是并没有发现什么问题。于…

    编程技术 2025年3月13日
    200
  • 如何关闭uniapp中的H5页面

    最近,在使用uniapp开发h5项目的过程中,我在其中遇到了一个问题:如何关闭uniapp中的h5页面。经过一番探索和研究,我总结出了以下方法,希望能够帮助到更多的开发者。 方法一:使用uni.navigateBack方法 uniapp提供…

    编程技术 2025年3月13日
    200
  • uniapp云打包如何解决无法定位问题

    随着互联网的不断发展,移动端应用已经成为人们生活中不可或缺的一部分。而uniapp是一款开发跨平台应用的框架,其具有一次开发,多端部署的特点,被越来越多的开发者所使用。然而,在使用uniapp进行云打包的过程中,会遇到一些定位问题,必须及时…

    编程技术 2025年3月13日
    200
  • 关于Uniapp关闭引导界面的解决方案

    随着移动互联网的发展,我们可以看到越来越多的app应用程序在各个领域中被广泛应用。而在app界面中开发者也会加入引导界面,帮助用户快速了解app展示的内容和功能,并且对于初次接触的用户来说,引导界面也能起到很好的提示和导航作用。但是在设计a…

    编程技术 2025年3月13日
    200
  • uniapp this初始化放哪儿

    在使用uniapp开发的过程中,我们会在很多地方用到this关键字,例如在methods方法中定义的函数内部,this指代的是vue实例。但是,在组件的created和mounted生命周期函数中,this却指代的是组件自身。那么在unia…

    编程技术 2025年3月13日
    200
  • 一文介绍uniapp的特点和优势

    随着移动互联网的快速发展,移动应用的开发越来越受到广大开发者的关注。然而,移动应用开发又面临许多技术与平台上的限制,使得开发过程变得复杂和困难。而在这些限制中,跨平台开发又成为了许多开发者所追求的方向之一。其中,uniapp作为国内比较知名…

    编程技术 2025年3月13日
    200
  • uniapp怎么用特殊字体

    随着移动互联网的发展,越来越多的开发者选择使用uniapp开发移动应用程序,但是在一些特殊情况下,我们需要使用自定义字体,那么如何在uniapp中使用特殊字体呢? 方法一:在HBuilderX中上传TTF文件 打开HBuilderX,找到项…

    编程技术 2025年3月13日
    200

发表回复

登录后才能评论