2012-03-20 3 views
3

を働いていない、私はそれは私が後だったすべてのものを提供したように見えたChildBrowser、出くわしました。いくつかのチュートリアルの後に、私はプラグインが動作するように見えない。私は、プラグインChildBrowserCommandに追加した、「*」の値を持つ外部ホストのための私のPhoneGap.plistファイルを編集しているが、私は、アプリケーションを実行し、これまで私は、リンクをクリックすると、何も起こりませんとき。私は私の文書の先頭に次のコードを書いています。ChildBrowser PhoneGapのが私のアプリ内ブラウザを開くには、適切な方法を探した後

<script type="text/javascript"> 
    var childBrowser; 

    function onBodyLoad() 
    { 
     document.addEventListener("deviceready", onDeviceReady, false); 
    } 

    //Phonegap ready to go 
    function onDeviceReady() 
    { 
     alert("PhoneGap is ready"); 
     childBrowser = ChildBrowser.install(); 
    } 

    function openChildBrowser(url) 
    { 
     try { 
      window.plugins.childBrowser.ShowWebPage(url); 
      //childBrowser.showWebPage(url); 
     } 
     cathc(err) 
     { 
      alert(err); 
     } 
    } 

</script> 

は、私は私のphoneGap.jsは、ファイルが、それを実行するように見えることはできませんし、私は、コンソールにログインしてエラーを取得していない後ChildBrowserがまっすぐ含まれています。誰かが間違っていることを知っているか、少なくとも正しい方向に向いていますか?

+0

私はchildbrowserでのFacebookを使用してテストプロジェクトを持っている、あなたはここで参考のためにそれを確認することができますhttps://github.com/dhavaln/phonegap-facebook – dhaval

+0

'<プラグイン名=」ことを確認してくださいChildBrowser」値= "com.phonegap.plugins.childBrowser.ChildBrowserが" /> ''/RES/XMLで定義されて/ plugins.xml'コメント – dhaval

+0

おかげで@dhaval。私はこれが問題であるかもしれないと私に信じさせるplugins.xmlファイルを持っていません。しかし、私は '/ res/xml ...'フォルダを持っていません。私はファイルを作成するとき、私は私のwwwフォルダのルートに入れますか? – JPK

答えて

0

トピックに関する多くの混乱のページを追いかけて時間/日を過ごした後、私は最終的にこのblog pageの指示の簡潔なセットを発見しました。このgithub pageに示すように最新のコードを取得してください。私はOSX 10.7.3で実行しているのXcode 4.3でのPhoneGap 1.5.0で動作するようにChildBrowserプラグインを得ることに成功した - とiOS 4でテストされ、私が発見5.制限は、それが唯一のポートレートモードで動作することです。私は今、ランドスケープモードを含む決議を求めています。以下

1

私のパートナーは、ChildGrowserプラグインをPhoneGap Androidプロジェクトhereに追加するためのステップバイステップのチュートリアルを作成しました。

+0

を使っていますが、iphone/ipadで動くようにしています – JPK

+0

OK、あなたの質問にiosタグを追加しました。がんばろう! –

+0

アドバイスありがとうございます – JPK

3

このコードは、私のために動作します。

<!DOCTYPE html> 
<html> 
<head> 
    <title>My External Page</title> 
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1.0"/> 
    <meta name="format-detection" content="telephone=no"/> 

    <!--iPhone on Safari Standalone mode--> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 

    <!--Hide iPhone on Safari Native Top Status Bar--> 
    <meta name="apple-mobile-web-app-status-bar-style" content="default" /> 
    <link rel="shortcut icon" href="favicon.ico" /> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 

    <script type="text/javascript" src="cordova-2.1.0.js"></script> 
    <script type="text/javascript" src="childbrowser.js"></script> 

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 

    <script type="text/javascript"> 

     document.addEventListener("deviceready", loaded, false); 

     function loaded() 
     { 
      if (console) 
      { 
       console.log("cordova loaded"); 
      } 
     } 

     function showExternalPage() 
     { 
      if (console) 
      { 
       console.log("in show pmt page"); 
      } 

      Cordova.exec("ChildBrowserCommand.showWebPage", "http://www.google.com/"); 
     } 

     </script> 

</head> 

<body> 

    <div data-role="page" id="myExternalLauncherPage" data-theme="a"> 

     <div data-role="content"> 

      <ul data-role="listview" data-inset="true"> 

       <li> 
        <button type="submit" data-theme="b" id="launcherButton" onclick="showExternalPage()">Launch Google</button> 
       </li> 
      </ul> 

     </div> 

    </div> 

</body> 

関連する問題