ฉันจะทดสอบเว็บไซต์ของฉันใน IE6, IE7, IE8, IE9, IE10 และ Internet Explorer 11 ได้อย่างไร


84

ฉันจะทดสอบเว็บไซต์ของฉันบน Internet Explorer เวอร์ชันเก่าทุกรุ่นอย่างเชื่อถือได้ตั้งแต่ IE6 ไปจนถึงรุ่น IE11 ได้อย่างไร


1
ไม่มีไซต์พันธมิตรแลกเปลี่ยนสแต็กที่ทำสิ่งนี้เมื่อประมาณหนึ่งปีที่แล้วใช่ไหม มันอยู่ในพอดคาสต์สแต็คโอเวอร์โฟลว์ ... ฉันลืมชื่อและไม่พบการอ้างอิงใด ๆ
Kjensen

คำตอบ:


87

การกดปุ่มF12บน IE8 นั้นควรเริ่มต้น Developer Tools ที่อนุญาตให้คุณจำลอง IE7 (ไม่ใช่ IE6) โดยใช้โหมดเบราว์เซอร์

IE8 จำลอง IE7

ฉันคิดว่าบน IE9 คุณจะสามารถเลียนแบบได้อย่างน้อยก็จนกว่า IE7 แต่ฉันแค่คาดเดาเท่านั้นเพราะตอนนี้มันทำให้ฉันรำคาญใจที่จะต้องซื้อ W7 เพื่อทดสอบ


ปรับปรุง: ตามที่ระบุโดย Jeff Atwood: IE9 เลียนแบบกลับจนกว่า IE7 เกินไป


อัพเดท 2: ตามคำแนะนำของ Nick ในความคิดเห็นด้านล่างหากคุณต้องการแน่ใจว่าได้จำลองเบราว์เซอร์ IE รุ่นเก่า 100% คุณสามารถใช้VM ที่ Microsoft จัดเตรียมไว้ให้ (อย่างไม่น่าเชื่อพวกเขายังมีให้ฟรี) โปรดทราบว่าการทดสอบบน VMs นั้นใช้เวลานานกว่าการใช้เครื่องมือสำหรับนักพัฒนาของ IE การทดสอบ IMHO VMs อาจคุ้มค่าเมื่อทำการทดสอบสิ่งที่ JS / CSS เป็นโลภเช่นเว็บแอปหรือเว็บไซต์ที่ซับซ้อนไม่ใช่เว็บไซต์ง่าย ๆ ที่ ใช้ jQuery และ CSS


3
+1 - ช่วงเวลาที่สมบูรณ์แบบที่สุด! เวลาหนึ่งชั่วโมงของฉันหายไปตลอดกาลขณะที่ฉันค้นหาทั้ง บริษัท เพื่อหาคนที่ยังติดอยู่ในปี 2550 โดยใช้ IE7 จากนั้นใช้เวลา 30 นาทีในการรับหน้าจอร่วมกับเธอเพื่อให้เราสามารถตรวจสอบว่าจริง ๆ แล้วเธอใช้ IE7 ไม่ใช่ IE8 ตอนนี้แทนที่จะติดตั้ง Windows XP และ IE7 บนอิมเมจ VMWare เพื่อแก้ไขข้อผิดพลาดของฉันฉันจะใช้วิธีแก้ปัญหาที่ง่ายและเห็นได้ง่ายซึ่งดูเหมือนนานที่จะหลบหนีจากวิสัยทัศน์ของฉัน;) ฉันจะพลาดสิ่งนี้ได้อย่างไร ขอขอบคุณ!!
jmort253

4
แน่นอนได้รับการยืนยัน: IE9 ช่วยให้คุณเลียนแบบโหมดความเข้ากันได้ IE7, IE8, IE9 และ IE9
Jeff Atwood

2
การจำลองนั้นเหมือนกันหรืออาจมีความแตกต่างเล็กน้อย
Saif Bechan

1
@Saif Bechan: อาจมีความแตกต่างแน่นอนเมื่อพิจารณาจากการอัปเดตหลายพันครั้งที่ออกโดย Microsoft สำหรับเบราว์เซอร์และระบบปฏิบัติการของพวกเขา แต่คิดว่าเป็นไปได้อื่น ๆ ในการทดสอบ IE: คุณจะต้องติดตั้ง 3 VM ด้วย Windows, หนึ่งสำหรับ IE7, หนึ่งหรือ IE8 และอีกหนึ่งสำหรับ IE9 แต่สภาพแวดล้อมการทดสอบเหล่านั้นอาจยังคงแตกต่างจากสภาพแวดล้อมผู้ใช้ขั้นสุดท้ายที่อาจติดตั้ง (หรือยังไม่ได้ติดตั้ง) อัพเดต Windows / IE / Office บางตัวที่คุณยังไม่ได้ติดตั้ง
Marco Demaio

3
@MarcoDemaio มีแน่นอนความแตกต่างระหว่าง IE 9 IE 7 และโหมดจริง IE 7. ฉันให้สองตัวอย่างที่นี่
Nick

24

เครื่องมือทดสอบ IEใช้ IE6, 7, 8 และ 9


2
ยกเว้นข้อ จำกัด บางประการที่ทำให้คิดว่าไม่ใช่ผู้ทดสอบที่เชื่อถือได้: 1. ปุ่มก่อนหน้า / ถัดไปทำงานไม่ถูกต้อง 2. การโฟกัสไม่ทำงานอย่างถูกต้อง 3. windows.open ไม่ส่งคืนหน้าต่างที่สร้างขึ้นใหม่ แต่เป็นโมฆะ
Marco Demaio

1
น่าสนใจ ฉันไม่มีปัญหาเหล่านั้น
John Conde

2
พวกเขาเขียนที่นี่และรู้ปัญหา: my-debugbar.com/wiki/IETester/HomePage
Marco Demaio

1
@marco ฉันต้องใช้งานเวอร์ชั่นที่เก่ากว่าก่อนที่จะมีการแนะนำบั๊กเหล่านั้น ฉันโชคดี. :) ถึงกระนั้นเบราว์เซอร์ก็ใช้งานได้และจะทำในสิ่งที่ต้องทำ
John Conde

1
@marco ฉันเคยเห็นข้อความเกี่ยวกับปุ่มก่อนหน้า / ถัดไปเสมอและฉันคิดว่าภายใต้เงื่อนไขบางอย่างที่พวกเขาอาจไม่ทำงาน แต่พวกเขาได้ทำงานอย่างถูกต้องสำหรับฉันเสมอ
joshuahedlund


9

Microsoft เพิ่งเปิดตัวเครื่องมือของตนเองสำหรับการทดสอบความเข้ากันได้กับ IEs มันควรจะทำให้กระบวนการนั้นง่ายขึ้น มันเรียกว่า Modern.ie: http://www.modern.ie/


7

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

http://browsershots.org/


1
น่าเศร้าที่มันไม่ได้ทำงานกับ IE มาระยะหนึ่งแล้ว คุณสามารถเลือกได้ แต่จะแสดงเซิร์ฟเวอร์เป็น 'ไม่พร้อมใช้งาน' สำหรับ IE ในหน้าสถานะ สำหรับการทดสอบ IE เท่านั้น Net Render ทำงานได้ง่าย แต่เหมาะสม: ipinfo.info/netrenderer
Itai

1
@Itai - อาจเป็นเพียงชั่วคราว ฉันลองใช้ Browsershots และแสดงภาพหน้าจอของหน้าทดสอบของฉันใน IE 6, 7, 8 IE9 ไม่มีตัวเลือกที่ใช้ได้
mvark

1
@mvark - ประณาม! ฉันลองวันนี้ด้วยและโรงงาน IE ก็ออฟไลน์ฉันจะลองอีกครั้ง
Itai

1
@lovefaithswing: น่าสนใจน่าเสียดายที่พวกเขาเป็นเพียงภาพหน้าจอ แต่ฉันยอมรับว่าฟรีดีกว่าไม่มีอะไร
Marco Demaio

5

Microsoft ยังเปิดตัว " Expression Web 4 " ซึ่งมีวัตถุประสงค์เพื่อเปรียบเทียบรุ่น IE ต่างๆ แต่คุณต้องจ่ายสำหรับมันและคุณต้องเป็น Windows XP SP3 หรือรุ่นที่ใหม่กว่าในภายหลัง

Expression Web 3พร้อมให้ดาวน์โหลดฟรี แต่รวมเฉพาะการเปรียบเทียบจาก IE6, IE7 ถึง IE8 (ขาด IE9)


1
FYI: ตอนนี้พวกเขาตัดสินใจที่จะให้ (ฟรีอย่างไม่น่าเชื่อ) VMs บางอย่างที่จะใช้สำหรับการทดสอบ ดูความคิดเห็นโดย Nick ต่อคำตอบของฉัน
Marco Demaio

1
พวกเขาทำมาหลายปีแล้ว แต่ VM เหล่านั้นมีระยะเวลาการใช้งานเท่าที่ฉันจำได้
feeela

4
ในความเป็นจริงพวกเขา expalin ในหมายเหตุในลิงค์เดียวกันmicrosoft.com/en-us/download/details.aspx?id=11575พิมพ์slmgr –rearmคำสั่งที่พร้อมท์เพื่อรีเซ็ตภาพตลอดไปเพื่อที่พวกเขาจะไม่มีวันหมดอายุแม้ว่าคุณจะชนะ ' จะไม่สามารถบันทึกอะไรใน imasges เหล่านั้น แต่สำหรับการทดสอบอาจพอเพียง
Marco Demaio

2
Expression Web 4 มีให้บริการฟรี แต่ผลิตภัณฑ์ Expression Web ไม่ได้รับการพัฒนาอีกต่อไป
จาค็อบฮูม

4

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


4

หากคุณเพียงต้องการตรวจสอบการออกแบบเว็บเพจของคุณบนเบราว์เซอร์ IE ที่แตกต่างกันลองใช้Browsershotsหรือ WebPageTest WebPageTestนั้นเป็นเครื่องมือทดสอบประสิทธิภาพฟรี แต่ถ้าคุณเลือกแท็บ "การเปรียบเทียบด้วยภาพ" จากหน้าแรกของพวกเขาและส่ง URL เพื่อทดสอบไซต์จะสร้างภาพขนาดย่อที่ขยายได้ของมุมมอง" เหนือครึ่งหน้าจอ " ของหน้าเว็บของคุณ เว็บเพจนั้นในขณะที่มันกำลังโหลด WebPagetestเป็นเครื่องมือโอเพนซอร์ซที่คุณสามารถติดตั้งแบบโลคัลและเรียกใช้อินสแตนซ์ของคุณเอง WebPagetest ให้คุณทดสอบใน IE เวอร์ชัน 6 ถึง 9

หากคุณต้องการทดสอบการนำทางและคุณสมบัติของไซต์ของคุณด้วยตนเองไม่ใช่เพียงแค่การออกแบบและเลย์เอาต์ให้ติดตั้งอิมเมจ Virtual PC ที่ใช้ได้อย่างอิสระของ IE 6, 7, 8บน Win 7 PC ของคุณ เครื่องมือเช่น IETester อาจจะไม่น่าเชื่อถืออย่างสมบูรณ์


4

ฉันใช้ VirtualBox เพื่อเรียกใช้สำเนาของ Windows XP กับเบราว์เซอร์แต่ละตัวที่ติดตั้งไว้ ไม่ใช่ 'อุดมคติ' แต่ใช้งานได้สำหรับฉันและติดตั้งและใช้งานได้ง่ายมาก นอกจากนี้ยังเป็นภาพสะท้อนที่ดีที่สุดของสิ่งที่เบราว์เซอร์ชอบในระบบปฏิบัติการเฉพาะ



3

หากคุณไม่เป็นไรมีเพียงแค่การตรวจสอบภาพที่คุณสามารถใช้ของ Adobe BrowserLab เป็นส่วนหนึ่งของชุดบริการออนไลน์ของ CS Live ที่ Adobe นำเสนอ ตอนนี้คุณสามารถเป็นสมาชิก CS Live ฟรี 12 เดือนดังนั้นในระยะสั้นมันเป็นโซลูชั่นฟรีที่ดี คุณสามารถเรียกใช้การทดสอบกับชุดเบราว์เซอร์ / ระบบปฏิบัติการหลายชุดพร้อมกันและดูความแตกต่างของการเรนเดอร์โดยการเปรียบเทียบแบบเคียงข้างกัน

อย่างไรก็ตามจะเป็นการดีที่สุดที่จะมีเครื่องทดสอบจริง (หรือ VM) เนื่องจาก Browserlab ไม่สามารถบอกคุณได้ว่า JavaScript ใช้งานไม่ได้หรือช่วยให้คุณดีบัก CSS หรือข้อผิดพลาดมาร์กอัป มันจะบอกคุณว่าเลย์เอาต์ไม่ได้แสดงผลอย่างถูกต้องในแพลตฟอร์มเฉพาะ แต่มันเป็นเรื่องดีที่จะสามารถพิมพ์ URL และรับภาพหน้าจอขนาดเต็มของหน้าเว็บในระบบปฏิบัติการ / เบราว์เซอร์หลัก ๆ ส่วนใหญ่ได้ในทันที


3

มีBrowserlingซึ่งช่วยให้สามารถทดสอบ IE 5-9 และเบราว์เซอร์หลักอื่น ๆ เวอร์ชันต่าง ๆ ได้เช่นกันและทั้งหมดนี้มาจากเบราว์เซอร์ที่คุณเลือก!


1
ดูเหมือนว่าพวกเขาจะไม่น่าเชื่อถือมากเว็บไซต์ของพวกเขาแสดงว่าผิดทั้งหมดใน IE7 และ IE8 ฉันหมายความว่าหากพวกเขาไม่ใช่คนแรกที่ทดสอบไซต์ของเบราว์เซอร์ฉันสงสัยว่าฉันจะเชื่อถือเครื่องมือทดสอบข้ามเบราว์เซอร์ได้อย่างไร
Marco Demaio

3

ฉันใช้ spoon.net sandbox ของเบราว์เซอร์ - http://spoon.net/Browsers

มันช่วยให้คุณสามารถรัน IE6-9 บนคอมพิวเตอร์ของคุณโดยไม่ต้องติดตั้ง นอกจากนี้ยังมีคอนโซลของเบราว์เซอร์และทำงานกับแถบเครื่องมือนักพัฒนาซอฟต์แวร์ IE ซึ่งช่วยในการดีบัก css / javascript


จ่ายเงินสำหรับเบราว์เซอร์รุ่นเก่าทั้งหมด
KC

3

ไม่มีสิ่งใดทดแทนกล่องดั้งเดิมที่ใช้งานยากซึ่งเป็นแพลตฟอร์มที่คุณต้องการ ไม่มีชุดทดสอบ IE ที่มีความแม่นยำอย่างสมบูรณ์และหลายข้อผิดพลาดจะทำให้เกิดข้อผิดพลาดซึ่งไม่ปรากฏในการใช้งานจริง เครื่องเสมือนไม่น่าเชื่อถืออย่างที่คนคิด - ฉันเคยเห็นบั๊กเฉพาะของ VM หลายตัวในขณะที่พยายามเรียกใช้ IE6 (ฉันคิดว่าเอนจิ้นการแสดงผลของ IE6 อาศัยการประสานงานของเธรดบางตัวซึ่ง VM ไม่สามารถจัดการได้อย่างเหมาะสม)

หากการทำงานของ IE6 / 7 มีความสำคัญต่อองค์กรของคุณฉันคิดว่าคุณสามารถสร้างกรณีสำหรับการใช้จ่ายจำนวนเล็กน้อยบนกล่อง cheapo WinXP สองกล่อง IETester ช้าเนื่องจากกากน้ำตาลและการตกหล่นที่หมวกและ IE 'โหมดการทำงานร่วมกัน' - ในขณะที่สะดวกสำหรับการส่งครั้งแรก - ไม่ขึ้นอยู่กับการรวบรวมหากลูกค้าของคุณขึ้นอยู่กับซอฟต์แวร์ที่ทำงานบนกล่องรับมรดกของพวกเขา


1
ปัญหาคือมันไม่ได้ซื้อเครื่อง WinXP แต่เวลาที่ใช้ในการทดสอบบนกล่องแข็งฉันจะต้องย้ายก้นของฉันจากพีซีเครื่องหนึ่งไปยังอีกเครื่องหนึ่งซึ่งจะเป็นการทำงานหนักอย่างมากสำหรับโปรแกรมเมอร์ ฉันแทบจะไม่ยกแขนขึ้นบนคีย์บอร์ดนานกว่า 15 องศา :-)
Marco Demaio

2
@MarcoDemaio - ทำไมไม่ใช้เซสชันระยะไกล
Jimmy Breck-McKye

3

Microsoft จัดให้มีเครื่องเสมือนและอิสระโดยไม่ต้องลงทะเบียนสำหรับ

  • IE8 บน Win7
  • IE9 บน Win7
  • IE10 บน Win7
  • IE11 บน Win7
  • IE11 บน Win81
  • Edge ใน Win10

สำหรับแพลตฟอร์มต่อไปนี้:

  • VirtualBox
  • คนจรจัด
  • HyperV
  • VPC
  • VMware
  • Parallels

0

ฉันค้นหาวิธีแก้ปัญหามากมายแล้วสิ่งที่ดีที่สุดที่ฉันพบคือการใช้ firefox 8.0 กับปลั๊กอินของแท็บ IE ในกรณีนี้คุณสามารถทดสอบเว็บไซต์ของคุณผ่าน IE6, IE7, IE8, IE9 ฉันหวังว่ามันจะช่วย


2
จะไม่ "ปลั๊กอินของ IE Tab" เพียงใช้รุ่นใดก็ตามของ IE ที่ติดตั้งไว้ในเครื่อง?
MrWhite

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.