ทดสอบการแสดงเวบไซต์กับ Browser ต่างๆ Solution #1 : Online Test

crossbrowsertesting_main1.jpg

วันนี้มาแนะนำวิธีในการทดสอบการแสดงผลเวบไซต์ใน Browser ต่างๆ ซึ่งเจ้าตัวมีปัญหามากสุดก็คงจะเป็น IE (Internet Explorer) โดยเฉพาะอย่างยิ่ง IE 6 ที่มีการแสดงผลแตกต่างไปจากบราวเซอร์ตัวอื่นอย่างมาก แต่จะไม่สนใจเลยก็ไม่ได้อีก เพราะว่ายังมีผู้ใช้งานเยอะพอสมควร
ที่มาของรูป : http://www.arip.co.th/images/news/internet4/what-is-a-browser-2.jpg

  • Solution #1 : Online Test

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

crossbrowsertesting_4.jpg

เวบไซต์นี้เหมาะสำหรับคนที่ต้องการทดสอบการแสดงผลของ IE แบบออนไลน์ที่ไม่ต้องเสียเงิน

  1. สามารถเลือกเวอร์ชั่นของ IE ได้จากด้านบนก่อน ซึ่งก็มี Internet Explorer8, 7, 6 และ 5.5
  2. จากนั้นก็วาง URL ของเวบไซต์ที่ต้องการตรวจสอบที่ช่องข้างๆ ได้เลยค่า
  3. กด Render เพื่อทำการทดสอบการแสดงผล

browser_compatibility_check__3.jpg

ออฟเคยอัพเวบไซต์นี้ไว้แล้วที่ http://don-jai.com/check-browser-compatibility/ ใครสนใจเวบไซต์นี้ลองไปอ่านเพิ่มเติมนะคะ

crossbrowsertesting_2.jpg

  1. Condition : ต้องทำการลงทะเบียนก่อนจึงจะสามารถใช้ได้
  2. Support :
    - Firefox 2.X and 3.X (Windows XP and Mac OS X)
    - Internet Explorer 6.X, 7.X, and 8.X (Windows XP)
    - Safari 3.X and 4.X (Mac OS X)

crossbrowsertesting_1.jpg

  1. Condition : สามารถทดสอบการใช้งานได้ 1 อาทิตย์
  2. Support : AOL Explorer, Camino, Chrome, Dillo, Firefox, IE6, IE7, IE8, Konqueror, Lynx, Mozilla, Netscape, Opera, Safari, Seamonkey, Shiira

crossbrowsertesting_3.jpg

  1. Condition : สามารถทดสอบการใช้งานได้ 50 ครั้งต่อเดือน
  2. Support : Explorer 7 and Firefox 2
Tags: , , , , ,

Leave a Reply

4 Comments

  • October 27, 2009 | Permalink | Reply

    เยี่ยมไปเลยครับ ^_^

  • October 27, 2009 | Permalink | Reply

    ชีวิตนี้ใช้บราวเซอร์อยู่ 2 ตัว คือ FireFox กับเจ้า IE ที่หลังๆมา งอมแงมกับเจ้าหมาไฟเป็นที่เรียบร้อยแล้ว เลยไม่ได้สนใจที่จะไปเทสบราวเซอร์ตัวอื่นๆทำไม

  • October 27, 2009 | Permalink | Reply

    ขอบคุณครับ น่าสนใจ https://browserlab.adobe.com ^^

  • November 1, 2009 | Permalink | Reply

    เห็นด้วยกับ @idayblog
    :) :) :)

Leave a comment

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Your email is never shared. Required fields are marked *

Enjoy Eating

ร้านอาหารไทย »

รีวิวโดนใจ >> นาจ (Naj Exquisite Thai Cuisine) ร้านอาหารไทยสุดหรูย่านสีลม

ร้านไอศกรีม »

รีวิวโดนใจ >> YooMoo (ยูมู่) ไอศกรีมโยเกิร์ตแบรนด์ดังจากอังกฤษแห่งแรกในไทยและแห่งเดียวในเอเชีย

บุฟเฟต์ปิ้งย่างและชาบู »

รีวิวโดนใจ >> อากะ (AKA) สวรรค์ของคนคลั่งเนื้อ ลองมากินเนื้อย่างแบบ Premium กันบ้างค่า

ร้านเค้ก-ขนม-ของหวาน »

รีวิวโดนใจ >> Vanilla Bake Shop อร่อยกับขนมสไตล์โฮมเมดที่อบสดใหม่ในซอยเอกมัย

ร้านอาหารญี่ปุ่น »

รีวิวโดนใจ >> Chiba Cham (ชิบะแชมป์) สนุกกับการกิน แล้วลืมความอ้วนไว้ที่บ้าน ในซอยสุขุมวิท 39

ร้านอาหารนานาชาติ »

รีวิวโดนใจ >> The Coffee Club เติมเต็มอาหารเช้าให้ลงตัว พร้อมเอาใจคอกาแฟ ที่เอกมัย

ร้านอาหารซีฟู๊ด »

รีวิวโดนใจ >>  ปูกรรเชียงซีฟู้ด ร้านอาหารทะเล บรรยากาศไทยๆ หลายเมนูอร่อย ที่แปดริ้ว

ร้านสเต็ก »

รีวิวโดนใจ >> Sizzler ออกเมนู “สเต็กไก่เทอริยากิ” มาเอาใจคนชอบทานสเต็กสไตล์ญี่ปุ่นแล้วค่า

ร้านอาหารอีสาน »

รีวิวโดนใจ >> ส้มตำคุณกัญจณ์ ร้านอาหารไทย-อีสานเจ้าประจำ อร่อยได้ในราคาเบาๆ ที่สุขุมวิท 101/1

ร้านอาหารเกาหลี »

รีวิวโดนใจ >> BonChon Chicken ไก่ทอดกรอบบอนชอนสไตล์เกาหลี สาขาสีลมคอมเพล็กซ์

ร้านอาหารอิตาเลียน »

รีวิวโดนใจ >> ลูกอิน (Look In) มาทานพิซซา พาสต้าแสนอร่อยกับบรรยากาศโดนใจ ในซอยสุขุมวิท 58

ร้านจีนและติ่มซำ »

รีวิวโดนใจ >> Grand Peking (แกรนด์ปักกิ่ง) ภัตตาคารอาหารจีนในห้าง The Shoppes

ร้านราเมน-ก๋วยเตี๋ยว »

รีวิวโดนใจ >> Fujiyama Go Go: แชมป์ราเมน-สึเคะเมน อร่อยน่าลอง สาขาสุขุมวิท 39

ร้านซูชิ »

รีวิวโดนใจ >> Kaguya (คางูยะ) Japanese Gastro Bar ของ Chef ก้อง เชฟกระทะเหล็ก

ห้องอาหารโรงแรม »

รีวิวโดนใจ >> Scalini (สกาลินี่) ห้องอาหารสไตล์อิตาเลี่ยน-อเมริกันสุดหรู ณ Hilton สุขุมวิท