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

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 19403
Joined: 31/03/2014 10:02 am
Contact:

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

Post by thatsawan » 12/01/2015 11:32 pm

หลังจากที่หายไป 2-3 วันสำหรับ TIP การใช้งาน CSS นะค่ะ ก็ได้มีโอกาสได้ศึกษาเรื่องของ JQuery เเล้วก็ได้ลองใช้งานเครื่องมือ "ตรวจดูส่วนประกอบ" ในการเช็คการทำงานของ JQuery ซึ่งก็เป็นเครื่องมือตัวหนึ่งที่เจ๋งมากๆ เลยทีเดียว
2015-01-12_23-08-52.png
2015-01-12_23-08-52.png (179.27 KiB) Viewed 525 times
จากรูปนะคะ จะเห็นได้ว่าเมื่อเราเปิดเครื่องมือนี้ขึ้นมาใช้งาน เเล้วสังเกตุเห็นไอคอนเล็กๆ ต่อท้ายอยู่
2015-01-12_23-10-45.png
2015-01-12_23-10-45.png (178.26 KiB) Viewed 525 times
ไอคอนนี้คืออะไร มันก็คือจุดที่บอกว่า แท็ก นี้ หรือ Class นี้มีการใช้งานของ JQuery อยู่
2015-01-12_23-12-53.png
2015-01-12_23-12-53.png (58.55 KiB) Viewed 525 times
เมื่อเราทำการ คลิก ก็จะปรากฏชุดคำสั่งของ JQuery เราก็จะสามารถแก้ไข Code JQuery ได้ด้วย
2015-01-12_23-14-27.png
2015-01-12_23-14-27.png (118.23 KiB) Viewed 525 times
รวมถึงเราสามารถที่จะคลิกไปยังการดู Code ทั้งไฟล์ได้

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

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 24 guests