cordova插件- Inappbrowser

  • 添加插件

$ cordova plugin addcordova-plugin-inappbrowser

  • 插件的使用
  • Methods

cordova.InAppBrowser.open

2. Example

var ref;
function openBrowser() {

    ref = cordova.InAppBrowser.open('https://www.baidu.com', '_blank', 'location=yes');

    ref.addEventListener('loadstart', loadStartCallBack);

    ref.addEventListener('loadstop', loadStopCallBack);

    ref.addEventListener('loaderror', loadErrorCallBack);


}


function loadStartCallBack() {

    $('#status-message').text("loading please wait ...");

}

function loadStopCallBack() {

    if (inAppBrowserRef != undefined) {

        inAppBrowserRef.insertCSS({ code: "body{font-size: 25px;" });

        $('#status-message').text("");

        inAppBrowserRef.show();
    }

}

function loadErrorCallBack(params) {

    $('#status-message').text("");

    var scriptErrorMesssage =
            "alert('Sorry we cannot open that page. Message from the server is : "
            + params.message + "');"

    inAppBrowserRef.executeScript({ code: scriptErrorMesssage }, executeScriptCallBack);

    inAppBrowserRef.close();

    inAppBrowserRef = undefined;

}

function executeScriptCallBack(params) {

    if (params[0] == null) {

        $('#status-message').text(
                "Sorry we couldn't open that page. Message from the server is : '"
                + params.message + "'");
    }

}

function removeBrowser() {

    ref.removeEventListener('loadstart', loadStartCallBack);

    ref.removeEventListener('loadstop', loadStopCallBack);

    ref.removeEventListener('loaderror', loadErrorCallBack);

}

function closeBrowser() {

    ref.close();
}

原文发布于微信公众号 - iOS开发笔记(roclel)

原文发表时间:2017-07-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏技术墨客

React Flow代码静态检查

Flow是Facebook开源的静态代码检查工具,他的作用是在运行代码之前对React组件以及Jsx语法进行静态代码的检查以发现一些可能存在的问题。Flow可以...

1144
来自专栏用户2442861的专栏

PyQt icon创建,显示 PyQt4 -- 系统托盘图标设置

http://www.cnblogs.com/obbo/articles/2718426.html

3562
来自专栏hotqin888的专栏

web html页面显示autocad等dwg格式图形文件方法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

5592
来自专栏圣杰的专栏

Asp.net mvc 知多少(四)

本系列主要翻译自《ASP.NET MVC Interview Questions and Answers 》- By Shailendra Chauhan,想...

2239
来自专栏韦弦的偶尔分享

微信小程序 router 封装

根据相对路径我们知道,当前路径内的/个数代表当前路径的层级,添加相同个数的../即可到达根目录那为了实现我们的目的,可按如下操作:

1612
来自专栏挖坑填坑

浏览器兼容性问题

直接将下面这段代码放在网站的母版页,或者公用的地方。保证执行下面这段脚本即可。 对于angular,vue项目直接在跟项目跟目录下面的index.html添加...

712
来自专栏Android开发与分享

【Android】Retrofit网络请求参数注解,@Path、@Query、@QueryMap...

3835
来自专栏Coding迪斯尼

实现盒子动画和键盘特效

1032
来自专栏SpringBoot

springmvc + h5(进度条)文件上传

2991
来自专栏全栈

基于iView的列表组件封装

8472

扫码关注云+社区

领取腾讯云代金券