2013-10-17 219 views
0

我想檢查我的網站上的客戶端瀏覽器的css3支持,如果它不支持css3我想向用戶顯示一條消息。檢測瀏覽器與Modernizr支持css3

這是我寫的檢查用戶瀏覽器邊框半徑的代碼。儘管如此,它並不能正常工作。我已經在Mac上檢查了最新版本的Chrome(它的工作原理),但是在家中使用最新版本的Chrome的PC上並沒有顯示任何消息。

if (!Modernizr.borderRadius) { 
       $(function brwsalert(){ 
      $("<div>") 
      .css({ 
     'position': 'absolute', 
     'top': '0px', 
     'left': '0px', 
     backgroundColor: 'black', 
     'opacity': '0.75', 
     'width': '100%', 
     'height': $(window).height(), 
     zIndex: 5000 
     }) 
     .appendTo("body"); 

      $("<div><br/><p style='direction: rtl;'>بازدید کننده گرامی،<br/>جهت مشاهده وب سایت می بایست از مرورگرهای بروز استفاده نمایید. جهت دریافت نسخه بروز مرورگر دلخواه بر روی آیکون آن کلیک نمایید.</p><br/><p style='text-align:center;'><a href='https://www.google.com/intl/en/chrome/browser/'><img src='images/chrome.png' width='64px' height='64px'></a> <a href='https://www.mozilla.org/en-US/firefox/new/'> <img src='images/firefox.png'/></a> <a href='http://windows.microsoft.com/en-us/internet-explorer/download-ie'><img src='images/ie.png'/></a> <a href='http://www.opera.com/'><img src='images/opera.png' width='64px' height='64px'></a> </p>")  
     .css({ 
     backgroundColor: 'white', 
     'top': '50%', 
     'left': '50%', 
     marginLeft: -210, 
     marginTop: -100, 
     width: 410, 
     paddingRight: 10, 
     height: 200, 
     'position': 'absolute', 
     zIndex: 6000 
     }) 
     .appendTo("body"); 
      }); 
      } 
+0

您是否嘗試使用Chrome控制檯檢查JavaScript?日誌說了什麼? –

+0

此外,請嘗試僅顯示一個單行警報或console.log,以縮小故障排除範圍。即是Modernizr.borderRadius報告意外的值,或與下面的代碼的問題。 –

+0

親愛的@亞歷克斯是的我試過 –

回答

0

我相信語法應該是Modernizr.borderradius

我與Modernizr的測試2.6.2這個,這個工作正常在Chrome和Safari瀏覽器的Windows,而Modernizr.borderRadius回報在這兩種情況下不確定的。我目前沒有Mac來測試。