ionic cordova 打开外部网站

最新推荐文章于 2025-04-15 09:21:29 发布

「已注销」

最新推荐文章于 2025-04-15 09:21:29 发布

阅读量4.3k

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_25384945/article/details/52588175

本文介绍了如何在ionic应用中使用cordova-plugin-inappbrowser插件来打开外部网站。详细说明了_open_方法的URL、target和options参数，以及Android和iOS平台特有的配置选项，如location、hidden、zoom和closebuttoncaption等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在ionic应用中打开外部网站（使用InAppBrowser插件）

https://my.oschina.net/uniquejava/blog/525304

========
ionic plugin add cordova-plugin-inappbrowser
cordova plugin add cordova-plugin-inappbrowser

open()中的URL参数为浏览器跳转的地址；

target的参数有三种：

_self：如果URL地址在WhiteList中，则用Cordova的WhiteList将其打开；

_blank：直接在App中将其地址打开；

_system：则是用手机默认浏览器将新页面打开

options参数包含以下信息：

location：设置为yes或no来打开或关闭插件的locationbar；

hidden：设置为yes则加载出页面但不显示；设置为no则正常加载页面；

Android独有属性：

zoom：设置为yes则显示缩放浏览器页面的按钮，设置为no则不显示缩放按钮；

hardwareback：设置为yes则调用Android返回键回到前一界面，设置为no则返回键为退出浏览器页面；

iOS独有属性：

closebuttoncaption：设置yes则显示Done按钮，设置为no则隐藏Done按钮，点击Done按钮关闭浏览器页面；

toolbar：设置为yes则显示toolbar；no则隐藏toolbar（toolabar相当于Android的返回键功能）；

keyboardDisplayRequiresUserAction：设置为yes或者no来控制打开键盘时是否通过JavaScript调用focus()接收焦点，默认为yes；

toolbarposition：设置为top或者bottom，使工具栏显示在窗口的顶部或底部；

_blank
file:///android_asset/www/XXXXXXXXXX
_self
http://XXXXXXXXXXXX
_system