MONACAでiframeでWEBサイトを読み込んだ際、ページ遷移すると元のページに戻れなくなる

表題の通り、IFRAMEで既存サイトを読みこんで、MONACAで表示すると、ページ遷移すると元のページに戻れなくなります。

これを回避する方法をご存じの方がいらっしゃいましたら、是非ご教授頂きたいです。

個人的に、下記のような方法がとれるのではないかと思っていたのですが、実装方法が分からず困っています。

案

Javascriptか何かで、class='other_tab' とクラス指定したAタグのみ、MONACAの別タブで開く

退会済みユーザー

2018/02/03 06:49

どういう動作で「元のページに戻れなくなります。」なのだ?

t7y4j8orhiyjhug

2018/02/04 07:25

IFRAMEで読み込んだページを閲覧していて、その中にあるリンクを踏むと、本来は別タブで開くように、Target=Blankを設定しているのですが、そのまま画面がリンク先に切り替わってしまい（別タブで開かず）、また、IFRAMEの下に設置しておいたはずの戻るボタンも消えてしまいます。そのため、最初に開いていたページに戻れなくなってしまうのです。

t7y4j8orhiyjhug

2018/02/04 07:25

t7y4j8orhiyjhug

2018/02/04 07:25

BODYタグの中はこんな感じです。

t7y4j8orhiyjhug

2018/02/06 08:19 編集

すみません、自己解決しました

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

回答3件

MonacaでWebサイトをアプリ化する事始め | モナカプレス

こちらも参考になるかと。

投稿2018/07/03 13:00

oikashinoa

総合スコア2826

【Monaca】InAppBrowserで表示したサイト上にFAB風の［閉じる］ボタンを設置する

今更感ですが、InAppBrowserでロケーションバー非表示にしても戻ることが可能です

投稿2018/07/03 12:48

oikashinoa

総合スコア2826

自己解決

IFRAME内では、リンク先を別タブで開くための、InAppBrowser が使えないので、
基本的には、SQLITEかAPIを用いたAJAXで動的表示を実現して、外部リンクがある場合は、IFRAMEは使わず、InAppBrowser を使うことにしました。

javascript
1    function URLClick(url) {
2        console.log("URLClicked");
3        console.log(url);
4		window.open = cordova.InAppBrowser.open;
5		window.open(url, "_blank", 'location=yes');
6        /*
7        _blank InAppBrowserを開く
8        _system システム標準のWebブラウザーを開く
9        */
10	}

html
1    <a href="#" onclick="URLClick('http://www.google.com');">http://www.google.com</a>
2	<a href="#" onclick="URLClick('https://www.yahoo.co.jp/');">https://www.yahoo.co.jp/</a> 
3
4	<div onclick="URLClick('http://www.google.com');">http://www.google.com</div>
5	<div onclick="URLClick('https://www.yahoo.co.jp/');">https://www.yahoo.co.jp/</div> 
6