:: ทำให้ IE แสดงผลไฉไลแบบ Chrome ด้วย Google Chrome Frame
โพสโดย : Administrator เมื่อ : 13 ธันวาคม 2554 10:49:14
ยังคงเป็นปัญหาที่สร้างความรำคาญใจกันมานาน สำหรับการแสดงผลเว็บไซต์ที่แตกต่างกันบนบราวเซอร์แต่ละตัว ซึ่งตัวที่เป็นปัญหาหลักๆคงหนีไม่พ้นเจ้า Internet Explorer ที่มาพร้อมกับ Windows ไม่ว่าจะเป็นรุ่นล่าสุด IE9 ก็ยังไม่วายที่จะแตกต่างจากเจ้าอื่นๆ

ก่อนหน้านี้ผมเคย แนะนำการใช้ IE7.js ที่เป็นสคริปต์ช่วยเรนเดอร์เว็บบราวเซอร์อย่าง Internet Explorer เก่าๆให้สามารถแสดงผลแบบเวอร์ชั่นล่าสุดได้ แต่ถึงอย่างนั้นในเวอร์ชั่นใหม่บางคำสั่งก็ยังผิดเพี้ยนไปจากบราวเซอร์ตัวอื่นๆ วันนี้เลยจะมาแนะนำเชื่อว่าวิธีนี้อยู่มัดแน่นอน


Google Chrome Frame เป็นปลั๊กอินที่จะทำงานบน Internet Explorer มันจะทำหน้าที่ในการแสดงผลแทนที่จะใช้ระบบหลักของ IE ทำให้เว็บบราวเซอร์เจ้าปัญหาแสดงผลออกมาแบบ Google Chrome ที่เพิ่งจะเขี่ยยอด Firefox ให้ตกอันดับไปหมาดๆ ซึ่งนอกจากจะสามารถแสดงผลในคำสั่งของ HTML5 ได้แล้ว มันยังช่วยในการประมวลผลคำสั่งประเภท JavaScript ให้มีความรวดเร็วและมีเสถียรภาพมากขึ้น

การติดตั้ง Google Chrome Frame

สำหรับการติดตั้งแบบธรรมดานั้น เราสามารถที่จะไปดาวน์โหลดได้ที่ Chrome Frame แล้วติดตั้งตามขั้นตอนได้เลย แต่สำหรับเราที่เป็นนักพัฒนานั้นในบางครั้งอาจจะต้องใช้ IE ในการตรวจสอบเว็บบ้างว่าแสดงผลอย่างไร ดังนั้นวันนี้ผมจะทำให้คนที่เข้าชมเว็บเรา เป็นคนที่จะต้องลง Google Chrome Frame แทน

ก่อนอื่นเราจะต้องทำหน้าเว็บของเราให้พร้อมที่จะใช้งาน Google Chrome Frame ก่อน ไม่ต้องตกใจครับ ไม่ได้แก้ไขโค๊ดให้ปวดหัวแต่อย่างใด เพียงแค่เราเพิ่ม meta tag ลงไปเท่านี้ก็เป็นอันเสร็จเรียบร้อย

<meta http-equiv="X-UA-Compatible" content="chrome=1">

ต่อมาเราจะทำให้ผู้เข้าชมที่ยังไม่มี Google Chrome Frame  ต้องทำการติดตั้ง โดยเราจะแทรกคำสั่งตรวจสอบและติดตั้งไว้ที่หน้าเว็บของเรา

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<style>
   /* 
    CSS rules to use for styling the overlay:
      .chromeFrameOverlayContent
      .chromeFrameOverlayContent iframe
      .chromeFrameOverlayCloseBar
      .chromeFrameOverlayUnderlay
   */
</style> 
<script type="text/javascript" >
   // You may want to place these lines inside an onload handler
   CFInstall.check({
     mode: "overlay",
     destination: "http://www.yourdomain.com"
   });
</script>

เพียงเท่านี้่ หากมีผู้เข้าชมเว็บไซต์เรา หน้าเว็บไซต์เราจะทำการแสดงให้ผู้เข้าชมทำการติดตั้ง Google Chrome Frame วิธีการนี้จะช่วยให้เว็บไซต์ที่มีปัญหากับพวก IE สามารถแสดงผลได้สวยงามตามแบบฉบับที่ตั้งใจไว้ และถ้าหากติดตั้งแล้ว ไม่ได้เป็นเฉพาะแค่เว็บเราเท่านั้นครับ เว็บอื่นๆที่เข้าชมก็จะถูกแสดงผลในแบบ Google Chrome ด้วย

แต่ถึงอย่างนั้น ทาง Microsoft เอง ก็ได้ออกมาโต้แย้งการใช้ Google Chrome Frame ว่ามันจะทำให้ระบบรักษาความปลอดภัยของเจ้า Internet Explorer ลดลง โดยอ้างเหตุผลที่ว่าไม่มีทางที่ระบบความปลอดภัย 2 ตัวจะสามารถรันพร้อมกันได้ เอาน่า ยังไงซะ Antivirus ของเราก็กันได้ดีกว่า IE อย่างแน่นอน บายบ๊ายการแสดงผลอันสุดห่วยจาก IE

 
เข้าชม : 183 ครั้ง
ป้ายกำกับ : Internet Explorer, IE, Chrome, Google Chrome Frame
 
ความคิดเห็นบทความ
» แสดงความคิดเห็น «
ทางเว็บไซต์ไม่มีส่วนสนับสนุน และไม่ขอรับผิดชอบต่อข้อมูลที่เกิดจากการโพสของสมาชิกทั้งหมด เช่น ข่าวสาร บทความ ความคิดเห็น เป็นต้น หากพบข้อความที่ผิดกฏระเบียบทางเว็บไซต์ หรือข้อความที่ไม่เหมาะสม กรุณาแจ้งผู้ดูแลเว็บไซต์
แสดงความคิดเห็น
กรุณารอสักครู่...กำลังโหลดข้อมูล
 
บทความอื่นๆ
Ampps โปรแกรมเว็บเซิฟเวอ...
7 มกราคม 2555 21:55:35
หายหน้าหายตาไปตั้งแต่ปีใหม่ วันนี้กลับมาเขียนบทความตาม...
แนะนำ SiXhEaD Template ส...
27 ธันวาคม 2554 02:01:08
สำหรับวันนี้ผมจะมาแนะนำ Template Engine ที่มีขนาดเล็กก...
Revolver Maps แสดงคนเข้า...
26 ธันวาคม 2554 01:16:51
สำหรับการแสดงสถิตเว็บไซต์ ส่วนมากเรามักจะเห็นกันเป็นแบ...
แสดงกล่องข้อความเมื่อนำเ...
25 ธันวาคม 2554 23:36:37
จั่วหัวแบบนี้่หลายท่านคงงง เอ๊ะมันคืออะไรยังไงหว่า ถ้า...
สร้างเครื่องเล่นมีเดียบน...
24 ธันวาคม 2554 11:03:16
การแสดงผลไฟล์มีเดียบนเว็บไซต์ในปัจจุบันมีเครื่องมือมาก...
สร้างร้านค้าออนไลน์ด้วย ...
23 ธันวาคม 2554 11:41:36
ปัจจุบันร้านค้าออนไลน์เริ่มเป็นที่นิยมในไทยกันมากขึ้น ...
รวมบทความทั้งหมด »
ลิงค์โฆษณา