在移动端应用开发过程中,打开网页链接是一个很常见的需求。而 cordova-plugin-sscinappbrowser
就是 Cordova 提供的一种插件,用来在应用内部打开网页链接。
本文将为大家详细介绍 cordova-plugin-sscinappbrowser
的相关使用方法。
安装
使用 npm 命令进行安装:
npm install cordova-plugin-sscinappbrowser
安装完成后,要在 cordova 应用程序中添加插件。在终端中输入下面的命令:
cordova plugin add cordova-plugin-sscinappbrowser
使用
按照下面的步骤来使用 cordova-plugin-sscinappbrowser
:
- 导入插件
在打开网页链接之前,需要在 JavaScript 文件中导入 InAppBrowser
,并且定义全局变量strWindowFeatures
以便后面的使用:
var cordova = require('cordova'); var InAppBrowser = cordova.InAppBrowser; var strWindowFeatures = "location=no,clearsessioncache=yes,hardwareback=yes";
其中,strWindowFeatures
是用来指定窗口的参数的。在这里,我们禁止了新窗口加载的地址栏和按钮,让新窗口支持硬件返回。
- 打开网页链接
使用以下代码来打开网页链接:
var ref = InAppBrowser.open('http://blog.sscin.com', '_blank', strWindowFeatures);
其中,http://blog.sscin.com
为需要打开的网页链接,_blank
表示在新窗口中打开链接。strWindowFeatures
指明了新窗口的配置信息。
- 监听关闭事件
在打开链接后,在新开的 InAppBrowser 窗口中做完想做的操作之后,将会有关闭按钮提供给用户,用户可以通过点击该按钮来关闭该窗口并返回原应用程序。另外,用户也可以通过点击“返回”硬件按键来关闭该窗口,返回原应用程序。监听关闭事件的代码如下:
ref.addEventListener('exit', function() { alert('Close button pressed !'); });
上面这段代码在新窗口的进程结束,即新窗口被关闭时会自动调用。在这里我们通过弹出一个消息框来证明该事件执行是成功的。
示例代码
下面这段代码完整演示了如何打开网页链接并监听关闭事件:
-- -------------------- ---- ------- -------------- --- ------- - ------------------- --- ------------ - --------------------- --- ----------------- - ----------------------------------------------------- --------------- --- --- - ------------------------------------------ --------- ------------------- ---------------------------- ---------- - ------------ ------ ------- ---- ---
总结
cordova-plugin-sscinappbrowser
是 Cordova 提供的一种插件,用来在应用内部打开网页链接。安装和使用它都很简单,只需要按照步骤操作即可。它对于移动端应用开发者来说非常实用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055a9c81e8991b448d815e