【小编推荐】phonegap inappbrowser使用

2014-12-24   |   发布者:梁国芳   |   查看:3320次

app开发


项目需求打开一个网址,,这时候就可以直接使用这个对象,在应用程序中打开一个浏览器.window.open方法会返回此对象.
1.首先安装插件: cordova plugin add org.apache.cordova.inappbrowser

  1. var ref = window.open('http://apache.org', '_blank', 'location=yes');  
此对象有三个方法:
addEventListener
removeEventListener
close

-------------------------
loadstart - InAppBrowser开始加载网页时候触发
loadstop - InAppBrowser网页加载完成触发
loaderror - InAppBrowser加载网页出错的时候触发
exit - InAppBrowser窗口关闭的时候触发

来个完整的例子瞅瞅




<!DOCTYPE html>
<html>
  <head>
    <title>InAppBrowser.removeEventListener Example</title>
 
    <script type="text/javascript" charset="utf-8" src="cordova-2.6.0.js"></script>
    <script type="text/javascript" charset="utf-8">
 
    document.addEventListener("deviceready", onDeviceReady, false);
 
    // Global InAppBrowser reference
    var iabRef = null;
 
    function iabLoadStart(event) {
        alert(event.type + ' - ' + event.url);
    }
 
    function iabLoadStop(event) {
        alert(event.type + ' - ' + event.url);
    }
 
    function iabLoadError(event) {
        alert(event.type + ' - ' + event.message);
    }
 
    function iabClose(event) {
         alert(event.type);
         iabRef.removeEventListener('loadstart', iabLoadStart);
         iabRef.removeEventListener('loadstop', iabLoadStop);
         iabRef.removeEventListener('loaderror', iabLoadError);
         iabRef.removeEventListener('exit', iabClose);
    }
 
    function onDeviceReady() {
         iabRef = window.open('http://www.baidu.com', '_blank', 'location=yes');
         iabRef.addEventListener('loadstart', iabLoadStart);
         iabRef.addEventListener('loadstop', iabLoadStop);
         iabRef.removeEventListener('loaderror', iabLoadError);
         iabRef.addEventListener('exit', iabClose);
    }
 
    </script>
  </head>
  <body>
  </body>
</html>