【小(xiǎo)編推薦】phonegap inappbrowser使☆©用(yòng)

2014-12-24   | &nbs♦←¥€p; 發布者:梁國(guó)芳  ₹★π& |  &nb↓∏sp;查看(kàn):3320次

app開(kāi)發


項目需求打開(kāi)一(yī)個(gè)™δ↕網址,,這(zhè)時(shí)候就(jiù)可(kě§‍)以直接使用(yòng)這(zhè)個(gè)對(duì)™$✘>象,在應用(yòng)程序中打開(kāi)一(yī)個(<↓ gè)浏覽器(qì).window.open方法會(huì)返回此對(du£↕σì)象.
1.首先安裝插件(jiàn): cordova plugin add org.apache.cordo₹®va.inappbrowser

  1. var ref = window.open('http://apache.or♦→g', '_blank', 'location=yes');  
此對(duì)象有(yǒu)三個(gè)方法:
addEventListener
removeEventListener
close

-------------------------
loadstart - InAppBrowser開(kāi)始加載網頁時(s☆&∏hí)候觸發
loadstop - InAppBrowser☆®©網頁加載完成觸發
loaderror - InAppBrowser加載網頁出錯(cuò)的(d₹±∞∏e)時(shí)候觸發
exit - InAppBrowser窗(chuāng)口§>關閉的(de)時(shí)候觸發

來(lái)個(gè)完整的(de)例子(zǐ)瞅瞅




<!DOCTYPE html>
<html>
  <head>
    <title>InAppB&¥πrowser.removeEventListener Ex≠←∞ample</title>
 
    <script ty‍✘≤'pe="text/javascript&δ∞quot; charset="utf-8" sr★≠÷εc="cordova-2.6.0.js"&g ☆€♣t;</script>
    <script tyδ∑pe="text/javascript"★σ♦; charset="utf-8"&®≠✔§gt;
 
    document.addEv÷§entListener("deviceready",±€ onDeviceReady, fals✔β$ e);
 
    // Gloλδ≤πbal InAppBrowser reference
    var iabRef = null;
 
    function iabLoadStar®₹♦t(event) {
        a∞≤§lert(event.type + ' - ' + eve≥©$nt.url);
    }
 
    functi↕ on iabLoadStop(event) {
        alert♦£ε(event.type + ' - ' + e÷→₽vent.url);
    }
 
    function iabLoadError(evλ±ent) {
        alert(eγ☆₽£vent.type + ' - ' + event.message‍£♣);
    }
 
    function iabα≤Close(event) {
      ₹☆↔   alert(event.type);
      &n↓♦‌bsp;  iabRef.removeEven←δ☆≥tListener('loadstart', "↑↔€iabLoadStart);
      &nbλπ®sp;  iabRef.remov ≤eEventListener('loadstop', iabLoadStoε₹εp);
     ♣>    iabRef.removeE♣♦ ✔ventListener('loaderr♦☆×‍or', iabLoadError);
      &nbs↔¶©p;  iabRef.removeEvent≤ΩListener('exit', iabC©​♥∞lose);
    }
 
    function onDeviceReady↑✘☆‍() {
        &nb&€§$sp;iabRef = window.op☆≈✘en('http://www.baidu.c♠Ω↓≤om', '_blank', 'location=yes');'★♠✘
        &nΩ bsp;iabRef.addEventListener('loaε₹∞dstart', iabLoadStart);
        &nbs×‌ p;iabRef.addEventListener('loadstoπ≠¥≠p', iabLoadStop);
         π♣;iabRef.removeEventL‌♦istener('loaderror', iab↑>÷LoadError);
      &nbs×&p;  iabRef.addEve€αntListener('exit', iabClo₽£€se);
    }
 
    </script>₽✘₹;
  </head>
  <body>
  </body>
</html>