【Monaca】iframe内から親フレームのInAppBrowser起動に失敗する

Monacaでハイブリッドアプリを作成しています。
その際、iframeで別サイト（自分のサイト）を参照し、フレーム内でページ遷移するようにしています。
iframe（子フレーム）内で外部リンクを開くときには「InAppBrowser」プラグインを利用して親フレーム経由でアプリ内ブラウザ（または外部ブラウザ）で開きたいのですが、うまくいきません。

iFrame内のサイトに下記のようなscriptを置いて、リンクをクリックした際にはクリック親フレーム内のInAppBrowserを使うように設定しています。

親フレーム（Monaca上にて作成）のscriptは下記の通りです。

function inAppOpen(Ext){
window.open = cordova.InAppBrowser.open;
window.open(url,'_system','location=yes');
}
var innerWindow = document.getElementById('iframe1').contentWindow;
innerWindow.inAppOpen= inAppOpen;

iframe内の子フレームから別ページに遷移した先（これも自サイト）でリンクを開こうとすると、
１）一度目は「typeof inAppOpen」がUndefinedになっているようでブラウザを立ち上げず画面いっぱいにリンクが開いてしまう。
２）前の画面に戻りもう一度トライすると今度はInAppBrowserが起動する。

という現象が起こっています。

理由や対処法などお分かりの方がいらっしゃいましたらご教示頂ければ幸いです。
宜しくお願い致します。

行動規範の内容に同意します

回答2件

ベストアンサー

基本的に、Monaca/Cordovaではiframeを使ったアプリケーションはあまりおすすめ出来ないと思います。(特に、ブラウザの進む・戻るの処理に問題があると思います)

ですが、この質問については、自分の環境で次のコードで試したところ、特に問題なく動作しているようでした。

html
1    <script>
2      document.addEventListener('deviceready', onDeviceReady, false);
3      function onDeviceReady() {
4        var iframe = document.createElement("iframe");
5        iframe.setAttribute("src", "http://path/to/my/website");
6        document.body.appendChild(iframe);
7
8        function inAppOpen(url){
9          window.open = cordova.InAppBrowser.open;
10          window.open(url,'_system','location=yes');
11        }
12        iframe.onload = function() {
13          var innerWindow = iframe.contentWindow;
14          innerWindow.inAppOpen= inAppOpen; 
15        };
16      }
17    </script>