JavaScript - ความเข้ากันได้ของเบราว์เซอร์

สิ่งสำคัญคือต้องเข้าใจความแตกต่างระหว่างเบราว์เซอร์ต่างๆเพื่อจัดการกับเบราว์เซอร์แต่ละตัวในแบบที่คาดไว้ ดังนั้นจึงเป็นสิ่งสำคัญที่จะต้องทราบว่าหน้าเว็บของคุณกำลังทำงานในเบราว์เซอร์ใด

ในการรับข้อมูลเกี่ยวกับเบราว์เซอร์ที่หน้าเว็บของคุณกำลังทำงานอยู่ให้ใช้บิวท์อิน navigator วัตถุ.

คุณสมบัติเนวิเกเตอร์

มีคุณสมบัติที่เกี่ยวข้องกับ Navigator หลายอย่างที่คุณสามารถใช้ในเว็บเพจของคุณ ต่อไปนี้เป็นรายชื่อและคำอธิบายของแต่ละรายการ

ซีเนียร์ คุณสมบัติและคำอธิบาย
1

appCodeName

คุณสมบัตินี้เป็นสตริงที่ประกอบด้วยชื่อรหัสของเบราว์เซอร์ Netscape สำหรับ Netscape และ Microsoft Internet Explorer สำหรับ Internet Explorer

2

appVersion

คุณสมบัตินี้เป็นสตริงที่มีเวอร์ชันของเบราว์เซอร์ตลอดจนข้อมูลที่เป็นประโยชน์อื่น ๆ เช่นภาษาและความเข้ากันได้

3

language

คุณสมบัตินี้ประกอบด้วยตัวย่อสองตัวอักษรสำหรับภาษาที่เบราว์เซอร์ใช้ Netscape เท่านั้น

4

mimTypes[]

คุณสมบัตินี้คืออาร์เรย์ที่มีชนิด MIME ทั้งหมดที่ไคลเอ็นต์สนับสนุน Netscape เท่านั้น

5

platform[]

คุณสมบัตินี้เป็นสตริงที่มีแพลตฟอร์มที่เบราว์เซอร์ถูกคอมไพล์ "Win32" สำหรับระบบปฏิบัติการ Windows 32 บิต

6

plugins[]

คุณสมบัตินี้คืออาร์เรย์ที่มีปลั๊กอินทั้งหมดที่ติดตั้งบนไคลเอ็นต์ Netscape เท่านั้น

7

userAgent[]

คุณสมบัตินี้เป็นสตริงที่มีชื่อรหัสและเวอร์ชันของเบราว์เซอร์ ค่านี้ถูกส่งไปยังเซิร์ฟเวอร์ต้นทางเพื่อระบุไคลเอ็นต์

วิธีการนำทาง

มีวิธีการเฉพาะเนวิเกเตอร์หลายวิธี นี่คือรายชื่อและคำอธิบายของพวกเขา

ซีเนียร์ คำอธิบาย
1

javaEnabled()

วิธีนี้พิจารณาว่าเปิดใช้งาน JavaScript ในไคลเอนต์หรือไม่ หากเปิดใช้งาน JavaScript วิธีนี้จะคืนค่าจริง มิฉะนั้นจะส่งกลับเท็จ

2

plugings.refresh

วิธีนี้ทำให้ปลั๊กอินที่ติดตั้งใหม่พร้อมใช้งานและเติมข้อมูลอาร์เรย์ปลั๊กอินด้วยชื่อปลั๊กอินใหม่ทั้งหมด Netscape เท่านั้น

3

preference(name,value)

วิธีนี้ช่วยให้สคริปต์ที่เซ็นชื่อรับและตั้งค่าการกำหนดลักษณะบางอย่างของ Netscape หากไม่ระบุพารามิเตอร์ที่สองเมธอดนี้จะส่งคืนค่าของการกำหนดค่าตามความชอบที่ระบุ มิฉะนั้นจะตั้งค่า Netscape เท่านั้น

4

taintEnabled()

วิธีนี้จะคืนค่าจริงหากเปิดใช้งานการเทนต์ข้อมูล เท็จเป็นอย่างอื่น

การตรวจจับเบราว์เซอร์

มี JavaScript อย่างง่ายซึ่งสามารถใช้เพื่อค้นหาชื่อของเบราว์เซอร์จากนั้นจึงสามารถให้บริการหน้า HTML แก่ผู้ใช้ได้

<html>   
   <head>
      <title>Browser Detection Example</title>
   </head>
   
   <body>      
      <script type = "text/javascript">
         <!--
            var userAgent   = navigator.userAgent;
            var opera       = (userAgent.indexOf('Opera') != -1);
            var ie          = (userAgent.indexOf('MSIE') != -1);
            var gecko       = (userAgent.indexOf('Gecko') != -1);
            var netscape    = (userAgent.indexOf('Mozilla') != -1);
            var version     = navigator.appVersion;
            
            if (opera) {
               document.write("Opera based browser");
               // Keep your opera specific URL here.
            } else if (gecko) {
               document.write("Mozilla based browser");
               // Keep your gecko specific URL here.
            } else if (ie) {
               document.write("IE based browser");
               // Keep your IE specific URL here.
            } else if (netscape) {
               document.write("Netscape based browser");
               // Keep your Netscape specific URL here.
            } else {
               document.write("Unknown browser");
            }
            
            // You can include version to along with any above condition.
            document.write("<br /> Browser version info : " + version );
         //-->
      </script>      
   </body>
</html>

เอาต์พุต