上次根據網上的教程給自己的網站弄了一個Web APP,但是給使用者的感覺卻十分糟糕。
問題說明:
怎麼了?原來是開啟WEB APP後在首頁上隨意開啟串連,就會自作主張地開啟Safari瀏覽器。原來好好的偽裝和心情就全被破壞掉了。這該如何是好?原來解決方案十分簡單。僅僅加入這些代碼就好了。實驗測試在本人的 iPhone (iOS 7.1)和iPod (iOS 6.1.4)上測試通過,根據原作者的敘述,最新的 iOS 7.0.4(iPhone 與 iPad)測試通過,代碼應該相容性不錯,在這裡分享:
問題解決:
複製代碼 代碼如下:
<script type=“text/javascript”>
//iOS Web APP中點選連結跳轉到Safari 瀏覽器新標籤頁的問題
if ((“standalone” in window.navigator) && window.navigator.standalone) {
var noddy, remotes = false;
document.addEventListener(‘click',
function(event) {
noddy = event.target;
while (noddy.nodeName !== “A” && noddy.nodeName !== “HTML”) {
noddy = noddy.parentNode;
}
if (‘href' in noddy && noddy.href.indexOf(‘http') !== -1 && (noddy.href.indexOf(document.location.host) !== -1 || remotes)) {
event.preventDefault();
document.location.href = noddy.href;
}
},
false);
}
</script>
建議將代碼放到/head標籤前,當然,另外存為一個js 檔案引用也是可以的。