Adobe BrowserLab เครื่องมือทดสอบการแสดงผลเว็บไซต์

Adobe BrowserLab
Adobe BrowserLab

Adobe BrowserLab เป็นเครื่องมือที่จะช่วยให้เราทดสอบการแสดงผลของเว็บไซต์ที่เราสร้างขึ้นใน browser ที่แตกต่างกัน และใน OS ที่ต่างกันได้ วิธีใช้งานเพียงแค่ใส่ URL ของเว็บที่เราต้องการทดสอบลงในช่อง Addrees bar แล้วก็เลือกชนิดของ browser ที่้ต้องการตรวจสอบการแสดงผล Adobe BrowserLab จะทำการ reder แล้วแสดงเป็น screen capture มาให้

การใช้งานเบื้องต้น

เข้าไปที่เว็บไซต์  https://browserlab.adobe.com

เมนู Browser Sets

ที่เมนู Browser Sets จะเป็นการเลือกชุดของ web browser ที่เราต้องการทดสอบ สามารถตั้งเองได้ หรือจะใช้ค่าตั้งต้นก็ได้

เมนู Test

คลิก เมนู Test จะกลับมาที่หน้าแรก ใส่ URL ของเว็บไซต์ แล้วคลิก Refresh หรือ Enter โปรแกรมจะทำการ reder ตามชนิดของ browser ที่เราได้เลือกไว้ จากนั้นเมื่อเราต้องการดูตัวไหนก็คลิกเลือกได้เลย

number page views

สามารถคลิกเลือกการแสดงผลแบบ 1 หน้า , 2 หน้า ,หรือแบบซ้อนทับกันแบบคนละชนิดก็ได้ (Onion Skin View)

แสดงแบบ Onion Skin View

Onion Skin View คือการแสดงผลแบบซ้อนกันโดยเลือกชนิดของ browser ไว้แต่ละข้าง เมื่อเลื่อนแถบไปทางไหนก็จะเห็นการแสดงผลแบบนั้นชัดสุด ถ้าเป็นเว็บไซต์ที่ออกแบบมาอย่างดี ที่ 50% ควรที่จะแสดงผลเหมือนกันคือไม่มีการเลื่อมล้ำกัน (คงยากน่าดู)

Adobe BrowserLab รองรับ browser ต่างๆ  ดังนี้

  • Firefox 2.0 – Windows XP
  • Firefox 3.0 – Windows XP
  • Firefox 3.5 – Windows XP
  • Chrome 3.0 – Windows XP
  • Internet Explorer 6.0 – Windows XP
  • Internet Explorer 7.0 – Windows XP
  • Internet Explorer 8.0 – Windows XP
  • Safari 3.0 – Macintosh OS X
  • Safari 4.0 – Macintosh OS X
  • Firefox 2.0 – Macintosh OS X
  • Firefox 3.0 – Macintosh OS X
  • Firefox 3.5 – Macintosh OS X

คลิกเพื่อดูคู่มือของ Adobe BrowserLab หรือ ดูวิดีโอแนะนำ Adobe BrowserLab

ทดลองใช้งานได้ที่ https://browserlab.adobe.com

เผยแพร่โดย

Amphur

Medical Technology, Biomedical Engineering, Research Assistant, Blogger : Biomed.in.th, Amphur.in.th ดูเรื่องทั้งหมดของ Amphur

4 thoughts on “Adobe BrowserLab เครื่องมือทดสอบการแสดงผลเว็บไซต์”

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *