一般的なブラウザについているページバック／フォワード機能。
辿ってきた導線を自由に戻ったり進んだりできます。
ただしスマフォアプリのWebViewでは、iPhoneのSafariの下部に出てくるようなページバック／フォワードボタンが出てきません。
そんな時、ネイティブで書いてもいいんですが、ページ内に下記のjsを入れるだけでページバック／フォワードボタンを表示することが可能です。
ただし、サイト構造がディレクトリで階層化されている場合用です。
<a href=”../”>◀︎</a>//左向きページバックは、常に親階層への移動
<script type=”text/javascript”>
var referrerUrl=document.referrer;//1つ前のURL
var thisUrl=location.href;//現在のURL
var parentUrl=thisUrl.replace(/\/([^\/]*?)\/$/,””)+”/”;//親階層のURL
if(referrerUrl==parentUrl){
//親階層と1つ前のURLが同じなのでフォワードボタンは表示しない
}else{
document.write(“<a href='”+referrerUrl+”‘>▶︎</a>”);//1つ前のURLを、フォワードボタンとして表示する
}
</script>