2014-03-31 85 views
0

我正在使用jQuery Smartbanner(https://github.com/jasny/jquery.smartbanner)進行跨移動OS智能橫幅支持。但是我遇到了一個問題,那就是隻有iOS Safari本身支持smartbanner功能和其他iOS瀏覽器 - 不。所以,當我只是激活這個插件時,Safari會顯示我拖拽智能橫幅(本地和自定義)和其他瀏覽器 - 正如所預想的那樣。我已經添加了下一個檢查,以確保用戶在iphone/ipad/ipod和safari上。檢測iOS smartbanner功能可用性

if (!(/(iPad|iPhone|iPod).*OS [6-7].*AppleWebKit.*Mobile.*Safari/.test(navigator.userAgent))) 
    $.smartbanner() 

但是這個條件檢查限制了所有iOS移動瀏覽器,不僅限於Safari。所以我想通了,我不能簡單地檢測移動Safari瀏覽器,以便不具體應用smartbanner()插件。

有關檢測iOS Safari的任何提示?

P.S:所有的Safari瀏覽器上有內部的navigator.userAgent

回答

0

「野生動物園」這個詞目前固定的問題,通過添加「版本」字爲條件。我發現只有safari在iOS上的userAgent內部有這個詞(Chrome,例如沒有)。

所以最終條件如下:

if (!(/(iPad|iPhone|iPod).*OS [6-7].*AppleWebKit.*Version.*Mobile.*Safari/.test(navigator.userAgent))) 
    $.smartbanner()