TIP:เครื่องมือ"ตรวจดูส่วนประกอบ(Inspector)" เป็นมากกว่าเครื่องมือช่วยพัฒนา CSS

[thatsawan]

หลังจากที่หายไป 2-3 วันสำหรับ TIP การใช้งาน CSS นะค่ะ ก็ได้มีโอกาสได้ศึกษาเรื่องของ JQuery เเล้วก็ได้ลองใช้งานเครื่องมือ "ตรวจดูส่วนประกอบ" ในการเช็คการทำงานของ JQuery ซึ่งก็เป็นเครื่องมือตัวหนึ่งที่เจ๋งมากๆ เลยทีเดียว

2015-01-12_23-08-52.png (179.27 KiB) Viewed 1010 times

จากรูปนะคะ จะเห็นได้ว่าเมื่อเราเปิดเครื่องมือนี้ขึ้นมาใช้งาน เเล้วสังเกตุเห็นไอคอนเล็กๆ ต่อท้ายอยู่

2015-01-12_23-10-45.png (178.26 KiB) Viewed 1010 times

ไอคอนนี้คืออะไร มันก็คือจุดที่บอกว่า แท็ก นี้ หรือ Class นี้มีการใช้งานของ JQuery อยู่

2015-01-12_23-12-53.png (58.55 KiB) Viewed 1010 times

เมื่อเราทำการ คลิก ก็จะปรากฏชุดคำสั่งของ JQuery เราก็จะสามารถแก้ไข Code JQuery ได้ด้วย

2015-01-12_23-14-27.png (118.23 KiB) Viewed 1010 times

รวมถึงเราสามารถที่จะคลิกไปยังการดู Code ทั้งไฟล์ได้

-- เห็นไหมคะว่า เครื่องมือนี้นอกจากจะช่วยอำนวยความสะดวกในการพัฒนา CSS ยังมีความสามารถช่วยในส่วนของ JQuery อีกด้วย --