Aug
14
2009
Utilities

jQery check browser

Author An article by Cuagain    Comments No Comments

เซงว้อย เซงๆๆๆๆ แม่งเมื่อไหร่จะเป็นมาตรฐานเดียวกันสักที

คุณเคยมีความรู้สึกอย่างนี้บ้างหรือไม่ กับการเขียน css  ที่แต่ละ browser จะแสดงผลไม่เหมือนกัน
ปัญหานี้มันเกิดขึ้นกับผมเกือบทุกครั้งที่เขียน css  :p แล้ว css มันเกียวอะไรกับ javascript (นั่นดิมันเกี่ยวอะไรกัน)
ปัญหานี้มันเกี่ยวกับ javascript  ก็เพราะว่าตอนที่ผมเขียน plug-in ของ  jquery  แล้วต้องเขียน tag div ตอน runtime แล้วแทรกเข้าที่ tag body กำหนด style ต่าง ๆ ให้กับ div ตัวนี้แล้วผลปรากฏว่าเปิดกับ ie แสดงผลอีกอย่าง เปิดกับ firefox แสดงผลอีกอย่าง ผมก็เลยจำเป็นที่จะต้องเช็ค browser ก่อนที่จะกำหนด style ให้กับ div ที่ผมเขียนขึ้นตอน runtime  แล้วจะทำยังไงละที่นี้

ผมก็เลยไปค้นหาข้อมูลเกี่ยวกับ jquery check browser ที่ google ปรากฏว่า jQuery มันก็มีตรงนี้ให้ใช้จริง ๆ ก็เลยนำมาฝากกันเผื่อว่าใครอยากเขียน ckeck browser เหมือนผมบ้าง มาดูตัวอย่างการใช้เลยละกันครับ

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript"><!--
         $("body").ready(function(){
             var browser;
             if($.browser.mozilla)
                   browser = "Firefox";
             else if($.browser.msie)
                   browser = "Internet Explorer";
             else if($.browser.opera)
                   browser = "Opera";
             else if($.browser.safari)
                   browser = "Safari";
             else
                   browser = "Unknown";

             $('#browserName').append(browser);
         });
// --></script>

<span id="browserName">Your Browser: </span>

ข้อมูลเพิ่มเติมดูได้จาก http://docs.jquery.com/Utilities/jQuery.browser

Tags:

Related Posts

About the Author: Cuagain

Comments are closed.