網頁封裝iosAPP,超鏈接跳出瀏覽器問題

作者 : 小麺兄 本文共768個字,預計閱讀時間需要2分鐘 發布時間: 2020-08-10 共446人閱讀

1597058565-9c68561e126b97f

將手機網頁封裝成app也是行業中的一些基本操作,但是對于十分折騰人的ios而言,可能一個簡單的app封裝都沒那么容易搞定,因為如果直接的網頁封裝,里面的所有超鏈接,都會在點擊之后從app跳出,進入ios的瀏覽器。這對于用戶而言是非常不好的體驗。因為都是每個鏈接都跳到瀏覽器了,那封裝的意義在哪里?所以我也搞不懂ios這種反人類操作是為了什么,反正安卓的封裝就可以好端端的搞定。
所以,再次差評,垃圾ios毀我青春。

解決方案如下,在網站的全局js中或者全局頭部加如下代碼:

<script type="text/javascript">
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>

具體的含義解釋就是,監聽整個頁面的a標簽點擊事件,攔截默認的跳轉,而是讀取超鏈接的href屬性,再通過js的形式進行跳轉,這樣就完全避免了ios封裝內跳出的問題。

本站資源特別聲明

①?即日起下載本站資源,不會搭建的可聯系站長免費指導。
②?所有源碼盡量保證原汁原味,如有特殊情況會作出聲明及標注。
③?網站資源不做任何二次加密和授權后門(原版加密除外,不影響程序使用的不會做解密處理),方便您更好的學習參考。
④?在您的能力范圍內,為了大環境的良性發展,請盡可能的選擇正版資源。
⑤?不反對搬運本站資源,歡迎各類站點、資源站、QQ群、個人組織搬運本站資源,網站承諾不設置任何后門。


越陌科技 » 網頁封裝iosAPP,超鏈接跳出瀏覽器問題

發表評論

售后服務:

  • 售后服務范圍 1、商業模板使用范圍內問題免費咨詢
    2、源碼安裝、模板安裝(一般 ¥50-300)服務答疑僅限SVIP用戶
    3、單價超過200元的模板免費一次安裝,需提供服務器信息。
    付費增值服務 1、提供dedecms模板、WordPress主題、discuz模板優化等服務請詳詢在線客服
    2、承接 WordPress、DedeCMS、Discuz 等系統建站、仿站、開發、定制等服務
    3、服務器環境配置(一般 ¥50-300)
    4、網站中毒處理(需額外付費,500元/次/質保三個月)
    售后服務時間 周一至周日(法定節假日除外) 9:00-23:00
    免責聲明 本站所提供的模板(主題/插件)等資源僅供學習交流,若使用商業用途,請購買正版授權,否則產生的一切后果將由下載用戶自行承擔,有部分資源為網上收集或仿制而來,若模板侵犯了您的合法權益,請來信通知我們(Email: 570830288@qq.com),我們會及時刪除,給您帶來的不便,我們深表歉意!

Hi, 如果你對這款模板有疑問,可以跟我聯系哦!

聯系作者

提供最優質的資源集合

立即查看 了解詳情
開通SVIP 享更多特權,建議使用 QQ 登錄
喜歡我嘛?喜歡就按“ctrl+D”收藏我吧!?
欧美黄色视频 - 视频 - 在线观看 - 电影影院 - 品赏网