javascript實現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器
更新時間：2014年06月12日 10:21:50 投稿：junjie
這篇文章主要介紹了javascript實現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器,這個IOS APP一般是Web APP,否則沒法使用本文的代碼,需要的朋友可以參考下
上次根據(jù)網(wǎng)上的教程給自己的網(wǎng)站弄了一個Web APP,但是給用戶的感覺卻十分糟糕。
問題說明：
怎么了？原來是打開WEB APP后在主頁上隨意打開連接，就會自作主張地打開Safari瀏覽器。原來好好的偽裝和心情就全被破壞掉了。這該如何是好？原來解決方法十分簡單。僅僅加入這些代碼就好了。實驗測試在本人的 iPhone (iOS 7.1)和iPod (iOS 6.1.4)上測試通過，根據(jù)原作者的敘述，最新的 iOS 7.0.4（iPhone 與 iPad）測試通過，代碼應該兼容性不錯，在這里分享：
問題解決：
復制代碼 代碼如下:
<script type=“text/javascript”>
//iOS Web APP中點擊鏈接跳轉(zhuǎn)到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 文件引用也是可以的。
相關文章
lazyload.js用于長頁面圖片的延遲加載，視口外的圖片會在窗口滾動到它的位置時再進行加載，這是與預加載相反的，這篇文章主要介紹了lazyload.js詳解,需要的朋友可以參考下2022-09-09
最近做項目遇到這樣的需求，頁面折疊超出的的部分顯示省略號，點擊展開后顯示全部內(nèi)容。具體實現(xiàn)代碼大家跟隨腳本之家小編一起學習吧2018-06-06
js 優(yōu)化次數(shù)過多的循環(huán) 考慮到性能問題
IE沒有我們想象中笨，它知道總的循環(huán)次數(shù)還是一千萬次。因此，得把這一百個十萬次循環(huán)分開執(zhí)行。雖然Javascript是單線程的，但也可以通過setTimeout或setInterval模擬多線程。2011-03-03
這篇文章主要是對JavaScript中的傳值與傳引用進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
前端內(nèi)網(wǎng)開發(fā)npm安裝的幾種方法小結
這篇文章主要介紹了如何在不聯(lián)網(wǎng)或離線環(huán)境下安裝npm依賴,文中通過代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2025-01-01
添加一個以前寫的table的spliter給大家...2007-01-01
本章節(jié)通過代碼實例介紹一下offsetleft屬性的用法，需要的朋友可以做一下參考。2015-11-11
這篇文章主要介紹了JavaScript中的原始值和復雜值 的相關資料,需要的朋友可以參考下2016-01-01
經(jīng)典的間隔時間滾動新聞（圖片），可控制滾動 其實這個也挺多網(wǎng)站用到的，簡單又實用。(2010-05-05
多個表單中如何獲得這個文件上傳的網(wǎng)址實現(xiàn)js代碼
假設一個網(wǎng)頁里有多個表單，其中一個表單里有文件上傳，問題是如何獲得這個文件上傳的網(wǎng)址呢，接下來為大家介紹下實現(xiàn)的js代碼，感興趣的朋友可以參考下哈，希望可以幫助到你2013-03-03