คู่มือฉบับสมบูรณ์สำหรับการตรวจสอบความเข้ากันได้ข้ามเบราว์เซอร์

ผู้ใช้อินเทอร์เน็ตมีตัวเลือกเบราว์เซอร์ที่กว้างขึ้นเมื่อพูดถึงการท่องอินเทอร์เน็ต เป็นความรับผิดชอบของเราในฐานะนักออกแบบและนักพัฒนาเพื่อให้แน่ใจว่าเว็บไซต์ที่เราสร้างขึ้นสามารถเข้ากันได้กับเบราว์เซอร์ที่ใช้กันทั่วไปในปัจจุบัน.

นั่นนำไปสู่คำถามที่เรียบง่าย แต่สำคัญ - ผู้เยี่ยมชมของเราใช้เบราว์เซอร์ใด? ตาม w3school เบราว์เซอร์ที่ใช้กันทั่วไปคือ Internet Explorer 7 และ 8 และ Firefox กับ การแข่งรถวิบาก และ Google Chrome ค่อยๆยกขึ้น แต่ตัวเลขอาจแตกต่างกันไปในแต่ละไซต์ขึ้นอยู่กับช่องของมัน เป็นการดีที่สุดที่จะได้รับข้อมูลประชากรจากการวัดไซต์ของคุณ, Google Analytics เช่น.

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

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

ทดสอบความเข้ากันได้ออนไลน์

browsershots

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

เบราว์เซอร์ Sandbox

สร้างโดย Spoon.net หน้านี้ให้คุณเรียกใช้เบราว์เซอร์ที่แตกต่างกันเช่น IE, Firefox, Safari, Chrome และ Opera ได้จากเบราว์เซอร์ของคุณ เรียบง่ายเหมือนที่.

Netrenderer

IE NetRenderer เป็นตัวทดสอบความเข้ากันได้ของเบราว์เซอร์ฟรี ด้วย IE NetRenderer คุณสามารถตรวจสอบการแสดงผลเว็บไซต์ด้วย Internet Explorer รุ่นต่างๆ หลังจากการทดสอบเบต้าเร็ว ๆ นี้ใน IE NetRenderer จะถูกรวมเข้าด้วยกันเวอร์ชันล่าสุดของ IE - IE9 และคุณจะสามารถดูว่าเว็บไซต์ของคุณแสดงข้อผิดพลาดในเบราว์เซอร์นี้หรือไม่.

Browsrcamp

Browsrcamp ให้คุณทดสอบความเข้ากันได้ของการออกแบบของคุณด้วยเบราว์เซอร์ Mac OS X หากคุณไม่ต้องการใช้จ่ายเงินคุณสามารถตรวจสอบความเข้ากันได้ของการออกแบบของคุณด้วย Safari 3.1.2 เพียงเพิ่ม URL เว็บไซต์ของคุณและคุณจะได้รับภาพหน้าจอเว็บไซต์ของคุณ แต่ถ้าคุณต้องการตรวจสอบความเข้ากันได้กับเบราว์เซอร์ Mac อื่น ๆ คุณสามารถสมัครสมาชิกได้ 3 $.

Adobe Browserlab

Adobe Browserlab เป็นบริการโฮสต์บนเว็บที่ให้นักออกแบบทดสอบการออกแบบบนเบราว์เซอร์และระบบปฏิบัติการหลายตัว ในระบบนี้รวมฟังก์ชั่นซูมและเครื่องมือวัดเช่นไม้บรรทัดและไกด์และความสามารถในการเคลื่อนที่อย่างรวดเร็วไปยังพื้นที่เฉพาะของสกรีนช็อต ชุดเบราว์เซอร์ช่วยให้นักออกแบบสามารถปรับแต่งแก้ไขและบันทึกเบราว์เซอร์รวมกันเพื่อทดสอบ.

Litmusapp

สารสีน้ำเงินแสดงภาพหน้าจอของเว็บไซต์ของคุณขณะที่พวกเขามองผ่านเว็บเบราว์เซอร์ที่สำคัญทั้งหมด หลังจากเสร็จสิ้นการทดสอบคุณจะได้รับรายงานความเข้ากันได้แบบสมบูรณ์พร้อมสำหรับการตรวจสอบโดยลูกค้าของคุณ สารสีน้ำเงินมีแผนราคา 4 แบบ คุณสามารถลงทะเบียนได้ฟรีและใช้การทดสอบเบราว์เซอร์ Explorer 7 และ Firefox 2 เท่านั้นหรือคุณสามารถเลือกแผนการคิดค่าธรรมเนียม.

Anybrowser siteviewer

Anybrowser Site Viewer ช่วยให้คุณเห็นหน้า HTML เหมือนเบราว์เซอร์อื่นหรือขนาดหน้าจอที่แตกต่างกัน คุณสามารถย้ายจากลิงก์ไปยังลิงค์ดูหน้าเว็บตามที่ปรากฏในเบราว์เซอร์ที่หลากหลายและตรวจสอบความบริสุทธิ์ของข้อความเท่านั้น นอกจากนี้ Anybrowser Site Viewer ยังให้คุณสามารถเลือกองค์ประกอบของหน้าเฉพาะ.

Fundisom

Fundisom เป็นเครื่องมือสร้างภาพหน้าจอ Mac ที่ให้คุณเห็นไซต์ของคุณบน Macintosh G5 ใน Safari, MacIE หรือ Mozilla ในตอนนี้การพัฒนาเว็บ lixlpixel Safari Screenshot Generator นั้นออฟไลน์ชั่วคราว แต่คุณสามารถตรวจสอบได้ในภายหลัง.

Delorie lynxview

Delorie lynxview เป็นบริการที่ช่วยให้ผู้เขียนเว็บสามารถดูว่าหน้าของพวกเขาจะเป็นอย่างไรเมื่อดูด้วย Lynx เว็บเบราว์เซอร์โหมดข้อความ.

Browsera

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

แท็บ IE

IE Tab เป็นส่วนเสริมของ Firefox ที่ให้คุณโหลดหน้าเว็บใน Internet Explorer โดยไม่ต้องเปิดหน้าต่างเบราว์เซอร์อื่น เพียงคลิกที่ปุ่มบนแถบเครื่องมือ Firefox แล้วมันจะเปิดหน้าปัจจุบันในแท็บใหม่ที่ใช้เอนจิ้น Internet Explorer แทน Firefox.

ปลั๊กอินและเครื่องมือ

IETester

IETester เป็นเว็บเบราว์เซอร์ฟรีที่ช่วยให้คุณมีเครื่องมือเรนเดอร์และ javascript ของหน้าตัวอย่าง IE9, IE8, IE7 IE 6 และ IE5.5 บน Windows 7, Vista และ XP มีประโยชน์สำหรับนักพัฒนาเว็บในการทดสอบว่าไซต์ของตนทำงานอย่างถูกต้องใน Internet Explorer รุ่นทั่วไปทั้งหมดหรือไม่.

IECapt

IECapt เป็นยูทิลิตี้บรรทัดคำสั่งขนาดเล็กเพื่อจับภาพการเรนเดอร์เว็บเพจในไฟล์ภาพ BMP, JPEG หรือ PNG.

Multi-ซาฟารี

Multi-Safari เป็นเครื่องมือทดสอบความเข้ากันได้ของเบราว์เซอร์ฟรีที่ช่วยให้คุณตรวจสอบการแสดงผลของเว็บไซต์ของคุณโดยใช้ Safari รุ่นต่างๆ Multi-Safari ไม่อนุญาตการทดสอบความละเอียดหน้าจอ.

Expression Web SuperPreview

Expression Web SuperPreview เป็นเครื่องมือฟรีที่ช่วยให้ผู้ใช้ทดสอบเว็บไซต์ของตนใน Internet Explorer รุ่นต่างๆ Expression Web SuperPreview เป็นเครื่องมือตรวจแก้จุดบกพร่องภาพแบบสแตนด์อโลนที่ทำให้การย้ายเว็บไซต์ของคุณง่ายขึ้นจาก IE6 เป็น IE7 หรือ 8.

Iphoney

iPhoney ให้สภาพแวดล้อมการท่องเว็บที่มีความแม่นยำของพิกเซลซึ่งคุณสามารถใช้เมื่อพัฒนาเว็บไซต์สำหรับ iPhone มันเป็นแคนวาสขนาด 320 x 480 พิกเซลสำหรับการพัฒนา iPhone ของคุณ iPhoney ไม่ใช่ตัวจำลอง iPhone แต่ได้รับการออกแบบมาสำหรับนักพัฒนาเว็บไซต์ที่ต้องการสร้างเว็บไซต์ขนาด 320 x 480 สำหรับใช้กับ iPhone.

MultipleIEs

ด้วย MultipleIEs คุณสามารถทดสอบหน้าเว็บของคุณใน Internet Explorer 3, 4, 5 และ 6 เหล่านี้คือเบราว์เซอร์รุ่นเก่า แต่ถ้าคุณสามารถทำให้เว็บไซต์ของคุณสามารถใช้ได้กับเบราว์เซอร์ทั้งหมดให้ตรวจสอบรุ่น IE ที่เก่าที่สุดด้วย MultipleIEs.

หลาย IE

Multiple IE เป็นเครื่องมือที่คล้ายกันเช่น MultipleIEs Multiple IE เป็นแพ็คเกจเล็ก ๆ ที่ให้คุณเรียกใช้ IE หลายเวอร์ชันบนเครื่องเดียวกันได้จาก IE 6.0 ไปจนถึง IE 3.0

SortSite Professional

SortSite Professional ช่วยให้ผู้สร้างเว็บไซต์เจ้าของและที่ปรึกษาตรวจสอบเว็บไซต์ทั้งหมดสำหรับการปฏิบัติตามมาตรฐานและปัญหาด้านคุณภาพ SortSite ตรวจสอบแต่ละหน้าที่พบจากนั้นสร้างรายการรายงานทุกปัญหา SortSite ตรวจสอบมากกว่า 300 จุดตรวจสอบคุณภาพ.

Lunascape

Lunascape เป็นเบราว์เซอร์เอ็นจิ้นแรกและสามเดียวในโลก ในนั้นรวมถึงเบราว์เซอร์หลัก: IE, Firefox, Chrome, Safari ด้วย Lunascape คุณสามารถเลือกเอ็นจิ้นที่เหมาะสมที่จะใช้ในเวลาที่เหมาะสมตระหนักถึงปัญหาความเข้ากันได้ของเว็บเบราว์เซอร์ลดลงอย่างมากเวลาโหลดนานและการแสดงผลเว็บไซต์ที่ไม่เหมาะสม.

บริการพรีเมี่ยม

Browsercam

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

Crossbrowsertesting

ด้วยไซต์นี้คุณจะสามารถทดสอบเว็บไซต์ของคุณ (หรือคนอื่น ๆ สำหรับเรื่องนั้น) บนระบบปฏิบัติการและเบราว์เซอร์ใด ๆ สิ่งนี้จะช่วยคุณประหยัดเวลาได้มากเมื่อคุณพยายามทำให้เสร็จ ค่าสมัครเริ่มต้นจาก $ 19.95.

Url2image

การใช้เว็บเซิร์ฟเวอร์ฟาร์ม Url2image และในฐานะผู้ใช้ที่ลงชื่อเข้าใช้คุณสามารถขอภาพหน้าจอของการออกแบบหน้าเว็บของคุณโดยใช้เบราว์เซอร์ / ระบบปฏิบัติการที่หลากหลาย Url2image เสนอรางวัลสำหรับสกรีนช็อต 2 ภาพหน้าจอราคา $ 1.

SortSite

SortSite Professional ตรวจสอบเพจเพื่อหาคุณสมบัติต่างๆที่ทำงานไม่ถูกต้องหรือทำงานต่างกันในเบราว์เซอร์ที่แตกต่างกัน รางวัลใบอนุญาตมาตรฐานคือ $ 149.

Multi Browser Viewer

ตัวแสดงเบราว์เซอร์หลายตัวมีเบราว์เซอร์แบบสแตนด์อโลนเสมือนจริงที่บรรจุไว้ล่วงหน้า 17 รายการ นอกเหนือจากเบราว์เซอร์แบบสแตนด์อโลน 17 ตัว Multi-Browser Viewer ยังมีความสามารถในการทดสอบเว็บไซต์ของคุณใน 50 เบราว์เซอร์ในระบบปฏิบัติการสามระบบ (Mac, Windows และ Linux) รางวัลใบอนุญาตผู้ใช้รายเดียวคือ $ 99.95.

การทดสอบบนคลาวด์

คุณลักษณะการทดสอบข้ามเบราว์เซอร์ของการทดสอบระบบคลาวด์ช่วยให้คุณสามารถตรวจสอบทั้งรูปลักษณ์และการทำงานของเว็บไซต์อีคอมเมิร์ซและธุรกรรมของคุณโดยใช้เบราว์เซอร์ IE 6,7,8, Firefox, Apple Safari, Google Chrome และ Opera ราคาต่อการทดสอบหนึ่งครั้งคือ€ 0.10.