1. 程式人生 > >ios移動端(H5)alert/confirm提示資訊去除網址(URL)

ios移動端(H5)alert/confirm提示資訊去除網址(URL)

在android中 有問題,過濾android
var browser={
    versions:function(){
        var u = navigator.userAgent, app = navigator.appVersion;
        return {
            trident: u.indexOf('Trident') > -1, //IE核心
presto: u.indexOf('Presto') > -1, //opera核心
webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌核心
gecko: u.indexOf('Gecko'
) > -1 && u.indexOf('KHTML') == -1,//火狐核心 mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端 android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或者uc瀏覽器 iPhone: u.indexOf('iPhone') > -1 , //是否為iPhone或者QQHD瀏覽器 iPad: u.indexOf('iPad'
) > -1, //是否iPad webApp: u.indexOf('Safari') == -1 //是否web應該程式,沒有頭部與底部 }; }(), language:(navigator.browserLanguage || navigator.language).toLowerCase() } if(browser.versions.ios){ window.alert = function(name){ var iframe = document.createElement("IFRAME"); iframe.style.display="none"
; iframe.setAttribute("src", 'data:text/plain,'); document.documentElement.appendChild(iframe); window.frames[0].window.alert(name); iframe.parentNode.removeChild(iframe); }; window.confirm = function (message) { var iframe = document.createElement("IFRAME"); iframe.style.display = "none"; iframe.setAttribute("src", 'data:text/plain,'); document.documentElement.appendChild(iframe); var alertFrame = window.frames[0]; var result = alertFrame.window.confirm(message); iframe.parentNode.removeChild(iframe); return result; };

}

相關推薦

ios移動(H5)alert/confirm提示資訊去除網址(URL)

在android中 有問題,過濾android var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion;

去除ios移動alert/confirm網址(url)

去除移動端alert/confirm的網址(url),有需要的朋友可以參考下。 在移動端使用原生的alert/confirm總是會顯示網址(url),介面看起來很醜,搜尋半天也找不到解決辦法,在絕望的時候看到一篇文章寫的很好,在此感謝http://ifindever.c

移動H5 判斷IOS還是Android 平臺

hone one 平臺 useragent ont navig navigator span ios 1.方法 (function($) { var UA = window.navigator.userAgent; if(/Android|HTC/i.te

【筆記】移動H5數字鍵盤input type=number的處理(IOS和Android)

!= 字符串 文檔 代碼 || clear tcl rfi 導致 在Vue中的項目,基於VUX-UI開發,一個常見的需求: 1、金額輸入框 2、彈出數字鍵盤 3、僅支持輸入兩位小數,限制最大11位數,不允許0開頭   第一,首先想到額就是在VUX-UI中制定ty

記一次移動H5開發所遇到的問題與細節,以及ios相容

第一次弄移動端H5專案開發,雖然是簡單的頁面展示,但也遇到了很多細節問題與相容問題,尤其是h5視訊標籤video, 一.移動端禁止縮放 相容 <meta name="viewport" content="width=device-width,initial-scal

移動常用alertconfirm、toast等彈窗外掛,相容 jQueryZepto

移動端彈窗外掛第二版,包括常見的 alert、confirm、toast、notice 四種類型彈窗,支援 jQuery 和 Zepto 庫。 特性 支援常見的 alert、confirm、toast、notice 四種類型彈窗 可選擇使用 IOS 或者 Materi

移動h5開發相關內容總結css篇--自己總結

pan class 寬度 absolute html ive min-width 百分比 number 原文參考http://mp.weixin.qq.com/s/Nho2DHj-Y59j2F62vpN9jQ1.開發移動端,頭部必要的配置<meta name="vie

移動 h5開發相關內容總結——CSS篇

開發 beta 節點 dev ios8 參考 cal 屏幕適配 加載 1.移動端開發視窗口的添加 h5端開發下面這段話是必須配置的 <meta name="viewport" content="width=device-width, initial-scale=1,

ios移動原生滾動條滾動不靈敏問題

-c 滑動 頁面 webkit class lin 瀏覽器中 自帶 overflow 因為移動端瀏覽器的原生滾動條樣式很好,不像pc端那麽難看,所以在頁面需要滾動的地方用了原生的滾動條,這種滾動條在安卓瀏覽器中沒有任何問題, 但是在ios微信瀏覽器還是自帶瀏覽器中都會反應遲

移動h5頁面常見問題總結

webkit style 總結 mar 常見問題 就會 所有 真的 abs   從去年開始在公司一直做嵌入式的h5頁面,遇見了很多問題,做一個小小的總結~   1.IOS設備鏈接、按鈕等點擊產生灰色背景   在傲嬌的iOS中可點擊元素被點擊時候會出現覆蓋顯示的高亮顏色,也就

移動H5活動頁優化方案

nginx服務 || 做的 教程 網上 存在 方法 tee cat 背景 項目:移動端H5電商項目 痛點:慢!!! 初始方案:最基本的圖片懶加載,靜態資源放到cdn,predns等等已經都做了。但是還是慢,慢在哪? 顯而易見的原因:由於前後端分離,所有的數據都由接口下發,之

移動h5下ul實現橫向滾動css代碼

html style idt htm float overflow inline css AD html代碼: 1 <ul id="category"> 2 <li>品牌團</li> 3 <li>美體個護&l

vue 移動加載、提示

錯誤 this 移動端 spa install ins div load html 版權聲明:本文為博主原創文章,未經博主允許不得轉載。https://www.cnblogs.com/suisuisui/p/9771665.html 用的是vue2.0+/vuex 首先 在

移動h5直播專案|html5直播實戰開發|h5仿陌陌

最近一些直播、小視訊什麼的都比較火,像陌陌、抖音、火山短視訊… 於是空閒時間自己也利用html5技術也試著倒騰了下直播專案,使用到了h5+css3+iscroll+zepot+swiper+wlsPop架構開發了一個仿陌陌、火山小視訊,專案效果挺不錯噠!同時解決了在直播頁面聊天時候頁面撐起的問題。 效果圖如

移動h5開發解析度自適應

在做H5開發時,都會遇到螢幕解析度自適應問題,那麼怎麼更好地讓頁面自適應? 這裡介紹一種用js計算螢幕寬度+rem單位的方法(網易新聞在用) 不同手機有不同的解析度,UI在做設計圖的時候大都會以iPhone6/7/8的解析度為標準,即375×667,畫素比為2,所以我們這裡計算螢

移動H5測試關注點

1、網路覆蓋率:無線wifi、2G、3G、4G等,斷網、網速較差及網路之間的切換時頁面的顯示等。 2、app與其他app/系統功能互動:如使用過程中收到簡訊、電話、微信通知等。 3、操作區域相容:web端的應用,一般不會受 到螢幕的限制,而且通過滑鼠操作更加準確。但是移動端由於螢幕較小,頁面及按鈕會受到螢

移動h5模擬長按事件

為啥寫這篇文章 最近接了個需求,要求長按某個標籤顯示刪除一個懸浮的刪除按鈕。這個需求其實在app上很常見,但是在移動端h5中,我們沒有長按的事件,所以就需要自己模擬這個事件了。 大概效果如下: ps: 為了做個gif還下了app,還得通過郵件發到電腦上,腦瓜疼。。 思路 放棄c

移動H5多頁開發拍門磚經驗

兩年前剛接觸移動端開發,剛開始比較疑惑,每次遇到問題都是到社群裡提問或者吸取前輩的經驗分享,感謝熱衷於分享的開發者為前端社群帶來欣欣向上的生命力。本文結合先前寫的文章和開發經驗分享給大家,希望也能幫助剛步入移動端開發的新人解惑。以下會以其中一個以公積金頁面開發專案作為例子,介紹移動端的一些常見問題和使用V

web前端部署過程中快取出現的問題 生產實戰經驗 移動H5

目錄 增加時間戳 或者 版本號 chrome: provisional header are showed 漏掉的ng-include 手機各種機型 對快取的不同處理 (2018) – 移動端H5混合應用的新版本生產部署之後, 出現的各種情況和實

移動 h5真機除錯

連結: link. localhost換成本機IP地址進行除錯。 安卓 一 條件 1.安卓手機安裝chrome瀏覽器,手機開啟開發者模式,用usb線連結電腦,並且允許除錯。 2.電腦chrome位址列輸入 chrome://inspect 進入後點擊 inspect 即進入除錯模