ฉันจะดูว่าเว็บไซต์ของฉันมีลักษณะอย่างไรในเบราว์เซอร์ต่างๆ

ฉันจะดูว่าเว็บไซต์ของฉันมีลักษณะอย่างไรในเบราว์เซอร์ต่างๆ

ขาดการติดตั้งเบราว์เซอร์ทุกรุ่นที่แตกต่างกันจริง ๆ มีเครื่องมือหรือบริการใดบ้างที่สามารถแสดงตัวอย่างได้

• http://browsershots.org/ (บริการออนไลน์)

• http://www.browsera.com/ (บริการออนไลน์ไม่ฟรี)

• http://crossbrowsertesting.com/ (บริการออนไลน์ไม่ใช่ฟรี)

• http://www.multibrowserviewer.com/ (เว็บเบราว์เซอร์เสมือนจริงไม่ฟรี)

• http://www.browserseal.com/ (เว็บเบราว์เซอร์เสมือนจริงไม่ฟรี)

• เบราว์เซอร์ Multi vmWare Appliance: http://www.vmware.com/appliances/directory/335/

BrowsersShotsและBrowserLabsเป็นสิ่งที่ฉันสามารถนึกได้จากส่วนหัวของฉัน ฉันคิดว่ามีอย่างอื่นที่ฉันเคยใช้ แต่ฉันจำชื่อไม่ได้ในตอนนี้

แก้ไข: เศร้าAdobe ปิดโครงการBrowserLab ของพวกเขากลับมาใน 13 มีนาคม 2013

LitmusAppเป็นผู้เล่นใหม่ในสนาม มูลค่าเพิ่มที่สำคัญปัจจุบันของพวกเขาคือการทดสอบไคลเอนต์อีเมล (33 ไคลเอนต์รวมถึงมือถือ) แต่พวกเขายังทำการทดสอบเบราว์เซอร์ "ในระบบคลาวด์" ของเบราว์เซอร์สูงสุด 24 ตัว ในความเป็นจริงการทดสอบเบราว์เซอร์เป็นผลิตภัณฑ์แรกของพวกเขาและยังสามารถใช้งานได้อย่างอิสระผ่านเครื่องมืออัลคาไลน์

ฉันใช้อัลคาไลน์เป็นประจำ มันค่อนข้างดี

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

ค่อนข้างดี: http://browsershots.org/

ดูว่ามันมีลักษณะอย่างไรในช่วงของเบราว์เซอร์และการแก้ปัญหา จำเป็นต้องอยู่บนเว็บแม้ว่า

ฉันอยากจะแนะนำการทดสอบ IE ในIETester , สามารถใช้ได้ที่นี่ มันเบารวดเร็วถูกต้องและรองรับ IE ทั้งหมดตั้งแต่ 5.5 ขึ้นไป

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

MS ยังมี (เป็นส่วนหนึ่งของชุดเครื่องมือ Expression) ผลิตภัณฑ์ที่เรียกว่า SuperPreview ซึ่งช่วยให้คุณทำงานทั้งแบบเคียงข้างกันหรือซ้อนทับกับเว็บไซต์แบบโต้ตอบใน IE ทุกรุ่นและ Firefox รุ่นล่าสุด

นอกจากนี้ยังรวมถึงการเข้าถึงบริการเว็บที่แสดงให้คุณเห็นว่าไซต์ของคุณมีลักษณะอย่างไรใน Safari บน Mac - สิ่งนี้จะสร้างภาพของการส่งออก แต่ยังใช้ไฟล์ข้อมูลเมตาที่ช่วยให้คุณเห็นว่าส่วนใดของมาร์กอัป ของภาพดังนั้นมันจึงยังทรงพลังมาก

นี่คือหนึ่งในเหตุผลหลักในการพัฒนาบนคอมพิวเตอร์ Apple การใช้ VMWare Fusion หรือซอฟต์แวร์การจำลองอื่น ๆ มันเป็นคอมพิวเตอร์เพียงเครื่องเดียวที่คุณสามารถติดตั้งระบบปฏิบัติการหลักทั้งหมดได้อย่างถูกกฎหมาย

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

http://www.browsercam.com/ (ออนไลน์ไม่ฟรี) เป็นอีกแบบหนึ่ง

การใช้ตัวอย่างสำหรับการออกแบบทั่วไปนั้นดี แต่อย่าลืมทดสอบพฤติกรรมของไซต์ของคุณด้วย นี่เป็นประโยชน์อย่างยิ่งหากคุณใช้เอฟเฟกต์โฮเวอร์, ajax หรือ java-script จำนวนมากซึ่งคุณไม่สามารถมองเห็นบนรูปภาพได้

ฉันใช้ VmWare กับเครื่องเสมือนที่แตกต่างกับเบราว์เซอร์ที่สำคัญที่สุดที่ติดตั้งแยกต่างหาก

หากคุณใช้ Windows 7 Ultimate ฉันสามารถอ้างถึงการสอนด้วย Virtual PC และ Xp Mode ซึ่งเป็นวิธีการแก้ปัญหาสำหรับการใช้งาน IE เวอร์ชันต่าง ๆ ในโฮสต์เดียว

คุณอาจต้องการที่จะตรวจสอบด้ายใน StackOverflow เรียกว่า: การทดสอบเว็บไซต์บนเบราว์เซอร์บนมือถือ

MogoTestเป็นการเริ่มต้น TechStars ที่ทำได้ดี มันให้ภาพหน้าจอจากเบราว์เซอร์และระบบปฏิบัติการที่แตกต่างกันและตรวจสอบ HTML & CSS ของคุณด้วย

ฉันเคยใช้http://www.browserstack.com/สองสามครั้งมันใช้งานได้ดีจริง ๆ - ยังไม่มีใครพูดถึงมันประหลาดใจ