Firefox 31 Beta ปรับปรุงเครื่องมือสำหรับนักพัฒนาเว็บครั้งใหญ่ มีหลอดดูดสีแล้ว!

หัวข้อกระทู้ ใน 'เทคโนโลยี' เริ่มโพสต์โดย iPokz, 13 มิถุนายน 2014.

  1. iPokz

    iPokz ~" iPokz "~ Staff Member

    Firefox ออกรุ่น 31 Beta ที่มีของใหม่สำหรับผู้ใช้ทั่วไปเพียงอย่างเดียวคือ เพิ่มช่องค้นหาในหน้า New Tab แต่มีของใหม่สำหรับนักพัฒนาเว็บ (web developer tools) เป็นจำนวนมาก

    • Eyedropper หลอดดูดสีสำหรับเลือกสีจากพิกเซลใดๆ ที่แสดงบนบนหน้าเว็บ อยู่ในหน้า Inspector
    • Editable Box Model ในหน้า Inspector จะมีแถบที่แสดงเบื้องหลังการวาด "กล่อง" ว่ามีสัดส่วนหรือขนาดอย่างไร ตอนนี้เราสามารถแก้ตัวเลขความสูงหรือความกว้างได้จากหน้านี้แล้ว ช่วยให้การลองวาดกล่องง่ายขึ้นมาก
    • Code Editor ตัวแก้ไขโค้ด ปรับปรุงเรื่อง selection โดยสามารถเลือกข้อความเป็นสี่เหลี่ยม (rectangle selection) ได้แล้ว, เลือกข้อความหลายช่วง (multiple selection), รองรับ undo selection และรองรับปุ่มลัดของ Sublime Text
    • Console Stack Trace หน้า console ที่ใช้ดีบั๊กดูข้อผิดพลาด สามารถดูข้อมูลจากทั้ง stack ในหน่วยความจำได้
    • Canvas Debugger สำหรับคนที่สร้างเกมหรือกราฟิกด้วย HTML5 Canvas และ WebGL ตอนนี้มีตัวดีบั๊กแบบทีละเฟรมแล้ว
    • Add-on Debugger สำหรับคนสร้างส่วนเสริมของ Firefox สามารถทดสอบการสร้างส่วนเสริมได้ง่ายๆ แล้ว
      Eyedropper

    [​IMG]

    Code Editor Multiple Selection

    [​IMG]

    Canvas Debugger



    Add-on Debugger

    ที่มา - Mozilla Future Releases, Firefox 31 Beta Release Notes

    Browser, Development, Firefox, Mozilla
     

แบ่งปันหน้านี้