前提・実現したいこと
Monacaという開発環境を使用し、iflameでflame内の遷移を制御しようと思っています。
ボタンは三種類あり、戻るボタン・進むボタン・リロードボタンの三種類をiflameの外側に置き、制御しています。
戻るボタン以外はiflame内のwebを進んだりリロードできるのですが、戻るボタンのみiflameの外のアプリ自体のtopページに戻ってしまいます。
ちなみにandroidですと、戻るボタンを押すとしっかりと1ページ前に戻ります。iOSのみの現象です。
同じような経験されていた方や解決法をしっている方がいらっしゃいましたらアドバイス頂けないでしょうか。
該当のソースコード
html
1//web.htmlページ 2 3<ons-page id="web.html"> 4 <ons-toolbar class="toolbar"> 5 <div class="center">ページ3</div> 6 </ons-toolbar> 7 <div class="web_container" ng-show="newsSize"> 8 <iframe 9 id="frametarget" 10 name="web_flame" 11 width="{{newsSize[0]}}" 12 height="{{newsSize[1]}}" 13 frameborder="0" 14 scrolling="{{newsSize[2]}}" 15 marginheight="0" 16 marginwidth="0" 17 src="******"> 18 </iframe> 19 </div> 20 <div class="web_toolbar"> 21 <a class="toolbar_arrowLeft" onclick="frames.web_flame.history.back();"> 22 <img src="images/back.png" alt="" width="100%" height="100%"/> 23 </a> 24 <a class="toolbar_arrowRight" onclick="susumu()"> 25 <img src="images/forward.png" alt="" width="100%" height="100%" /> 26 </a> 27 <a class="toolbar_arrowUpdate" onclick="koshin()"> 28 <img src="images/refresh.png" alt="" width="100%" height="100%" /> 29 </a> 30 </div> 31</ons-page>
js
1 2 3 4 5function koshin(){ 6 var iframe = document.getElementById('frametarget'); 7 iframe.contentWindow.location.reload(true); 8} 9 10function susumu(){ 11 var iframe = document.getElementById('frametarget'); 12 history.forward(); 13}
補足情報(FW/ツールのバージョンなど)
上記画面では様々なやり方を試しています。
あなたの回答
tips
プレビュー