[JavaScript] 在特定瀏覽器中使用 history.back() 或 history.go(-1) 皆無反應？

今天有個一個需求如下：

點擊連結後回到上一頁，這麼簡單的東西竟然有雷 !!!

首先我們來寫個簡單的範例：

<script>
    function clickEvent_back() {
        history.back();
    }
    function clickEvent_go() {
        history.go(-1);
    }

    $('a').on('click', function (event) { 
        event.preventdefault()
        return false;
    })
</script>

<h1>onclick</h1>
<a href="#" onclick="history.back()">history.back()</a>
<a href="#" onclick="history.go(-1)">history.go(-1)</a>
<h1>href</h1>
<a href="javascript: history.back()">history.back()</a>
<a href="javascript: history.go(-1)">history.go(-1)</a>
<h1>onclick call method</h1>
<a href="#" onclick="clickEvent_back()">history.back()</a>
<a href="#" onclick="clickEvent_go()">history.go(-1)</a>
<h1>href call method</h1>
<a href="javascript: clickEvent_back()">history.back()</a>
<a href="javascript: clickEvent_go()">history.go(-1)</a>

畫面如圖：

不管點擊哪種onclick觸發的返回上一頁皆無反應，但有趣的是寫在href裡面的卻都正常

有問題的瀏覽器：

1. Safari
2. Safari – WebView (in app)

正常運作的瀏覽器：

1. Chrome
2. Chrome (mobile app)
3. Edge
4. IE 11

看來Chrome比較聽話 …