[Internship@True]วันที่ 17

วันนี้ก็มาแต่เช้า เพื่อที่จะลอง Test JavaScript ของเว็บที่ได้ทำขึ้นกับ 3 browser หลักที่พี่ๆในแผนกเค้าใช้ ได้แก่

  • Internet Explorer 8 โดยจะมีตัว Developer Tools(กด F12) ในการตรวจสอบการทำงานข้อผิดพลาดของ Script ซึ่งในความเห็นของผมมันจะออกแนวคล้ายตัว Debugger ของ MS Visual Studio แต่ช้าและอืดๆมาก แต่ก็มีข้อดี เพราะสามารถที่จะปรับเปลี่ยนสภาพแวดล้อมเป็น IE เวอร์ชั่นเก่าๆได้
  • Firefox ต้องใช้ตัว Extension อย่าง Firebug(กด F12) ที่สามารถบอก Error และ Detail ได้ แต่หลังๆรู้สึกว่ามันจะดูอืดๆช้านะ แต่บอก Detail ได้ดีกว่า IE ที่จะพบแต่ Error และที่สำคัญ คือ Firebug จะช่วยเราบอก Element ต่างๆของเว็บเอาไปแก้ไขพวก css ได้อีกด้วย
  • Google Chrome โดยจะมีตัว Developer Tools(กด F12) จะมาแนวเดียวกับ Firebug คือ บอก Error ใน Script ได้ และบอก Element ต่างๆในเว็บได้จ้า แต่ลื่นปรื้ดด

ส่วนแต่ละคนจะใช้ค่ายไหนนั้น ก็ต้องมาศึกษาข้อมูลเพิ่มเติมของ Browser, Tools ที่ช่วย และที่สำคัญก็ คือ document ของแต่ละภาษาด้วย ^__^

เครื่องมือที่ช่วยในการพัฒนา ตรวจสอบใน Internet Explorer
Firebug เครื่องมือที่ช่วยในการพัฒนา ตรวจสอบใน Firefox
เครื่องมือที่ช่วยในการพัฒนา ตรวจสอบใน Google Chrome

ปัญหาที่พบในการทำงานวันนี้

  • ปัญหา: เมื่อรันเว็บใน IE และ Firefox จะไม่สามารถที่จะดึงค่าวันที่ออกมาใช้ได้ จะได้เป็นค่า Nan/Nan/Nan ตลอด
    สาเหตุ: เมื่อไปอ่านในตัว Document ของทาง ๅExt-js 4.1 แล้วจะพบว่าฟังค์ชั่นที่ใช้ในการจัดรูปแบบวันที่ Ext.util.Format.date จะรับข้อมูลวันที่แบบเต็ม คือ มีวัน/เดือน/ปี และเวลาด้วย
objs['startMonth'] = Ext.util.Format.date(ตัวแปรวันที่จะแปลง,รูปแบบวันที่)
  • วิธีแก้: ลบบรรทัดที่ทำการตัดข้อมูลเวลาออกไป ให้เหลือเพียงวันที่ ซึ่งก็คือ บรรทัดนี้
tmp1=tmp.getFullYear()+ '-' +(tmp.getMonth()+1)+'-'+tmp.getDate()

จบการทำงานในวันนี้ไปด้วยดี และก็รีบไปกินข้าวหน้าเป็ด+กินยาที่ Terminal 21


Discover more from naiwaen@DebuggingSoft

Subscribe to get the latest posts sent to your email.