วันพฤหัสบดีที่ 24 พฤศจิกายน พ.ศ. 2554

ie8 แสดงผล ie7 webpage ไม่ถูกต้อง

ให้เพิ่ม meta tag เข้าไปในส่วน head มีผลเฉพาะ page ที่่ต้องการ ทำ emulate ie7 เท่านั้น
<head>
<!-- Use IE7 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

อ้างอิง :http://www.thaiseoboard.com/index.php?topic=65782.0;wap2


(1/1)



ijeed:
ลักษณะของปัญหา
คุณอาจจะพบอาการเหล่านี้เมื่อเปิดใช้งานเว็บไซต์จาก Microsoft Internet Explorer 8 Beta 1

การจัดวางเว็บไซต์ที่ผิดเพี้ยน

การจัดเรียงข้อความหรือรูปที่ทับซ้อนกัน

ปัญหาที่เกี่ยวกับการใช้งาน JavaScript


สาเหตุ
ปัญหาเหล่านั้นเกิดขึ้นเนื่องจาก Internet Explorer Beta 8 Beta 1 นั้นเรียกดูเว็บเพจโดยใช้ Standards Mode ที่ปรับปรุงใหม่ล่าสุด ในขณะที่เว็บเพจนั้นถูกสร้างขึ้นมาสำหรับการเรียกดูจาก Internet Explorer 7

เพื่อตรวจสอบดูว่าปัญหาของคุณเกิดจาก Internet Explorer 8 Standards Mode จริงโปรดทำตามขั้นตอนต่อไปนี้


เปิดโปรแกรม Internet Explorer 8 Beta 1

หมายเหตุ หากคุณยังไม่ได้ติดตั้ง Internet Explorer 8 Beta 1 โปรดเข้าไปดาวน์โหลดได้ที่
http://www.microsoft.com/windo...winfamily/ie/ie8/getitnow.mspx


คลิกที่ Emulate IE 7 บนเมนูบาร์และจากนั้นคลิกปิดหน้าต่างบราวเซอร์ของคุณ

เปิดโปรแกรม Internet Explorer 8 Beta 1 และตรวจดูว่ามีการเปิดใช้งาน Emulate IE 7 อยู่ จากนั้นเข้าไปยังหน้าเว็บเพจที่คุณต้องการ

ตรวจดูว่าเว็บเพจนั้นมีการแสดงผลที่ถูกต้องหรือไม่

คลิกที่ Emulate IE 7 เพื่อ disable การจำลองการเปิดใช้งานจาก Internet Explorer 7 จากนั้นปิดหน้าต่างบราวเซอร์ลง

เปิดโปรแกรม Internet Explorer 8 Beta 1 และเข้าไปดูที่หน้าเว็บเพจนั้นอีกครั้งเพื่อยืนยันว่าปัญหาของคุณยังคงเป้นอยู่หลังจาก disable ฟังก์ชันการจำลองการเปิดใช้งานจาก Internet Explorer 7 แล้ว


การแก้ไข
เพื่อแก้ไขปัญหาเหล่านั้น เจ้าของเว็บไซต์และเว็บแอ็ดมินสามารถเพิ่ม meta-tag เพื่อสั่งให้ Internet Explorer 8 Beta 1 แสดงผลได้ถูกต้องเหมือนเรียกดูจาก Internet Explorer 7 นั่นคือสามารถสั่งให้ Internet Explorer สามารถเรียกดูเว็บเพจนั้นจาก Internet Explorer 7 (Strict) mode หรือ Internet Explorer 5 (Quirk) mode ได้เหมือนกัน แต่ทั้งนี้ต้องขึ้นอยู่กับมาตรฐานของเอกสารที่สร้างขึ้นบนหน้าเว็บเพจนั้นๆ ด้วย

หมายเหตุ การเปิดความสามารถใน Internet Explorer 7compatibility tag นั้นจะช่วยแก้ไขปัญหาต่างๆ ได้ แต่อย่างไรก็ตาม อาจจะต้องทำการอัพเกรดเว็บไซต์ของคุณ โดยสามารถศึกษาเพิ่มเติมได้จาก http://www.microsoft.com/windo...adiness/DevelopersExisting.htm

คุณสามารถเลือกตั้งค่า Internet Explorer 8 Beta 1 เพื่อให้สามารถเปิดดูเว็บเพจได้เสมือนเรียกดูจาก Internet Explorer 7 ตามทางเลือกต่อไปนี้

การตั้งค่าทั้งไซต์ (Per-Site Basis)
เจ้าของเว็บไซต์และเว็บแอ็ดมินสามารถเพิ่ม custom HTTP header เหล่านี้ลงไปเพื่อสั่งให้ Internet Explorer 8 Beta 1 อ่านเว็บเพจได้เหมือน Internet Explorer 7 ดังนี้

X-UA-Compatible: IE=EmulateIE7

ในการเพิ่ม custom HTTP response header ลงไปทั้งเว็บไซต์ใน Internet Information Services 7 บน Windows Server 2008 นั้น โปรดทำตามขั้นตอนต่อไปนี้


คลิก start และคลิก Administrative Tool จากนั้นคลิก click Internet Information Services (IIS) Manager

ภายใต้ Connections ให้ดับเบิ้ลคลิกเลือกเซิร์ฟเวอร์ที่คุณต้องการและดับเบิ้ลคลิกที่ Sites

คลิกที่เว็บไซต์ที่คุณต้องการเพิ่ม custom HTTP response header

ภายใต้หัวข้อ Web site name Home ให้ดับเบิ้ลคลิกที่ HTTP response header ใน IIS Section
หมายเหตุ ในขั้นตอนนี้ web site name คือชื่อของเว็บไซต์ที่คุณต้องการ

ภายใต้ Actions คลิกที่ Add

ใน Name box พิมพ์ X-UA-Compatible

ใน Value box พิมพ์ IE=EmulateIE7


ในการเพิ่ม custom HTTP response header ลงไปทั้งเว็บไซต์ใน Internet Information Services 6 และเวอร์ชั่นก่อนหน้า โปรดทำตามขั้นตอนต่อไปนี้


คลิก Start คลิก Run คลิก inetmgr.exe จากนั้นคลิก OK

ขยายเวิร์ฟเวอร์ที่คุณต้องการจากนั้นเลือก expand Web Sites

คลิกขวาที่เว็บไซต์ที่คุณต้องการและจากนั้นคลิกเลือก Properties

ภายใต้ Custom HTTP คลิกเลือก Add

ใน Name box พิมพ์ X-UA-Compatible

ใน Value box พิมพ์ IE=EmulateIE7

คลิก OK สองครั้ง



การตั้งค่าของแต่ละหน้าเว็บเพจ (Per-Page Basis)
เจ้าของเว็บไซต์และเว็บแอ็ดมินสามารถเพิ่ม HTML tag ไว้หลังแท็ก <Head> บนหน้าเว็บดังนี้

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE

โปรดศึกษาตัวอย่างการใช้งานแท็กสำหรับการใช้งาน this Internet Explorer 7 compatibility เพื่อการตั้งค่าแบบต่อหน้าเว็บเพจดังนี้

โค๊ด:

<html>
<head>
<!-- Use IE7 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>My Web Page</title>
</head>
<body>
<p>Content goes here.</p>
</body>
</html>


ทดสอบเว็บไซต์ของคุณด้วย meta-tag
เพื่อตรวจสอบว่าคุณได้ติดตั้งแท็กอย่างถูกต้อง โปรดทำตามขั้นตอนต่อไปนี้เพื่อยืนยันการตั้งค่าของคุณ


หากคุณยังไม่ได้ติดตั้ง Internet Explorer 8 Beta 1 สามารถเข้าไปดาวน์โหลดได้ที่ http://www.microsoft.com/windo...winfamily/ie/ie8/getitnow.mspx

ดาวน์โหลด Internet Explorer 8 Beta 1 security update ตามที่มีอธิบายไว้ใน Microsoft Knowledge Base บทความหมายเลข 951804 การอัพเดทนี้จะช่วยเพิ่มการสนับสนุนให้แก่ IE=EmulateIE7 tag ของคุณ สำหรับข้อมูลเพิ่มเติมสามารถเข้าไปดูบทความดังกล่าวได้ที่ 951804 MS08-031: Security update for Internet Explorer 8 Beta 1

เรียกดูเว็บไซต์ด้วย Internet Explorer 8 Standards mode และตรวจสอบว่าปัญหาของคุณได้รับการดำเนินการแก้ไขแล้ว



สำหรับผู้ใช้
ผู้ใช้ Internet Explorer 8 Beta 1 สามารถแก้ไขปัญหาการเรียกดูเว็บเพจได้โดยคลิกที่ Emulate IE7 บนเมนูบาร์ของหน้าบราวเซอร์ของคุณ เมื่อ Emulate IE7 button ถูกเปิดใช้งานแล้ว เว็บเพจจะถูกเรียกดูจาก Internet Explorer 7 Standards mode

ไมโครซอฟท์ให้ตัวอย่างของการเขียนโปรแกรมเพื่อใช้ในการสาธิตเท่านั้น ไม่ได้ถือเป็นการรับรองหรือกล่าวเป็นนัยใดๆ ซึ่งรวมถึงไม่ได้รับรองการใช้งานเพื่อวัตถุประสงค์เฉพาะอย่างใดๆ เนื้อหาในบทความนี้ออกมาสำหรับผู้ที่มีความคุ้นเคยกับการเขียนโปรแกรมคอมพิวเตอร์และคุ้นเคยกับเครื่องมือในการใช้งานและกระบวนการของการแก้ไขปัญหาเป็นอย่างดี ทีม Microsoft support engineer สามารถช่วยอธิบายฟังก์ชันการใช้งานของกระบวนการทั้งหมดให้แก่คุณได้ แต่จะไม่ปรับแต่งตัวอย่างที่สาธิตด้วยการเพิ่มฟังก์ชันหรือสร้างกระบวนการเพื่อการใช้งานตามความต้องการของคุณแต่อย่างไร



ข้อมูลเพิ่มเติม
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับความสามารถในการใช้งานที่เข้ากันได้ (compatibility) ของโปรแกรม Internet Explorer 8 Beta 1 โปรดเข้าไปดูได้ที่
http://msdn2.microsoft.com/en-...s/library/cc288325(VS.85).aspx
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ Cascading Style Sheets Compatibility ในการใช้งาน Internet Explorer โปรดเข้าไปดูที่
http://msdn2.microsoft.com/en-...s/library/cc351024(VS.85).aspx



สามารถใช้งานได้กับ
Windows Internet Explorer 8 Beta


เห็นว่ามีประโยชน์เลยเอามาฝากเว็บมาสเตอร์ทุกท่านครับ

อ้างอิงจาก / แหล่งที่มา : http://support.microsoft.com/gp/ie8_beta/th 

ไม่มีความคิดเห็น:

แสดงความคิดเห็น