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>