jQuery.browser
מחזירה: מפה
תיאור: אנחנו לא ממליצים להשתמש בתכונה הזו, נסו להשתמש בפונקצית איתור במקומה (ראו jQuery.support). היא מכילה מצביעים עבור useragent, שנקראה מ- navigator.userAgent. בזמן ש- jQuery.browser לא ימחק מגרסאות הבאות של jQuery, יש לעשות כל המאמצים להשתמש ב- jQuery.support.
jQuery.browser
הוספה בגרסה: 1.0
לא מומלץ בשימוש ב- jQuery 1.3
(ראו
jQuery.support)
מכיל דגלים עבור
UserAgent,
תקראו ב-
navigator.userAgent.
כשה
jQuery.browser
יוסר,
כל מאמץ כדי להשתמש
ב-
jQuery.support
וזיהוי תכונה ראויה צריך להיעשות.
דגלים אפשריים הם:
- safari
- opera
- msie
- mozilla
מאפיין זה זמין לפני DOM הוא מוכן, ולכן אתם יכולים להשתמש בו כדי להוסיף אירועים מוכנים רק בדפדפנים מסוימים.
ישנם מצבים שבהם זיהוי האובייקט אינו אמין מספיק, במקרים כאלה זה הגיוני להשתמש באיתור הדפדפן.
שילוב של דפדפן וזיהוי האובייקט מניב תוצאות אמינות למדי.דוגמאות
דוגמה 1
מציג מידע על דפדפן.jQuery.each(jQuery.browser, function(i, val) { $("<div>" + i + " : <span>" + val + "</span>") .appendTo(document.body); });
קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ jQuery.each(jQuery.browser, function(i, val) { $("<div>" + i + " : <span>" + val + "</span>") .appendTo(document.body); }); }); </script> <style> p { color:green; font-weight:bolder; margin:3px 0 0 10px; } div { color:blue; margin-left:20px; font-size:14px; } span { color:red; } </style> </head> <body> <p>Browser info:</p> </body> </html>
דוגמה 2
מחזיר true אם דפדפן הוא כל גרסה של Microsoft Internet Explorer.$.browser.msie
דוגמה 3
מציג הודעה אם דפדפן הוא safariif ($.browser.safari) {
alert("this is safari!");
}
דוגמה 4
מציג הודעה "Do stuff for firefox 3" עבור דפדפן firefox 3 בלבד.jQuery.each(jQuery.browser, function(i, val) { if(i=="mozilla" && jQuery.browser.version.substr(0,3)=="1.9") alert("Do stuff for firefox 3") });
דוגמה 5
מגדיר תכונה CSS עבור דפדפן ספציפי.jQuery.browser.version
מחזירה: מחרוזת
תיאור: מספר גרסה של מנוע דפדפן של המשתמש.
jQuery.browser.version
/div>הוספה בגרסה: 1.1.3
הנה כמה תוצאות טיפוסיות:
- Internet Explorer: 6.0, 7.0
- Mozilla/Firefox/Flock/Camino: 1.7.12, 1.8.1.3, 1.9
- Opera: 9.20
- Safari/Webkit: 312.8, 418.9
שימו לב כי IE8 טוען שהוא 7 במצב תצוגה תאימות.
דוגמאות
דוגמה 1
מחזיר את גירסת הדפדפן.$("p").html("The browser version is: <span>" +
jQuery.browser.version + "</span>");
דוגמה 1 - קוד מלא:
<!DOCTYPE html>
<html>
<head>
<style>
p { color:blue; margin:20px; }
span { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("p").html("The browser version is: <span>" +
jQuery.browser.version + "</span>");
});
</script>
</head>
<body>
<p>
</p>
</body>
</html>
דוגמה 2
מתריאה גירסה של IE אשר נמצאת בשימושif ( $.browser.msie ) {
alert( $.browser.version );
}
דוגמה 3
לעתים קרובות אתם צריכים רק "מספר ראשי", מספר שלם. ניתן להשיג את זה עם הפונקציהparseInt() JavaScript:
if (jQuery.browser.msie) {
alert(parseInt(jQuery.browser.version));
}
האם מידע זה היה מועיל?
