วิธีแกะ-แก้ CSS แบบไร้พื้นฐานครับ ขนาดผมยังทำได้เลย (มีภาพประกอบ)

[flukenakrab]

วิธีแกะ CSS แบบไร้พื้นฐานครับ โดยใช้ Firefox + Addons ครับ

1. ดาวน์โหลด Firefox มาก่อน
[linkpr]http://www.mozilla.com/en-US/firefox[/linkpr]

2. ติดตั้ง Firefox ตามขั้นตอนของเค้าไปครับ

3. ติดตั้ง Add-ons ที่ชื่อว่า Web Developer ครับ
[linkpr]https://addons.mozilla.org/en-US/firefox/addon/60[/linkpr]
คลิกที่ Add to Firefox > Install > โหลดเสร็จแล้วก็ Restart Firefox รอบนึงครับ

4. เมื่อเปิดขึ้นมาก็จะเห็น Menu ของ Web Developer โผล่ขึ้นมาแล้วครับ หากท่านใดจะซ่อนไว้ก็แค่คลิกขวาที่ Menubar > เอาเครื่องหมายถูกออก

5. เข้าที่ CSS > View Style Infomation  แล้วทีนี้เ้ม้าส์เราก็จะกลายเป็น + ก็เอาไปไล่จิ้มตามตัวหนังสือ ภาพหรือกรอบต่างๆครับ ก็จะมีโค๊ด CSS ออกมาว่าเราต้องไปแก้ที่ไฟล์ไหน บรรทัดที่เท่าไหร่

หากจะเปลี่ยนมุมมองการแสดงผล ก็คลิกที่

หากจะปิดการใช้งานก็ CSS > View Style Infomation แล้วเอาเครื่องหมายถูกออกครับ

Add-ons ตัวนี้ทำอะไรได้อีกเยอะครับ ลองดูครับ
ขอบคุณครับ 

[smith]

+1 สำหรับบทความดีๆครับ
มีประโยชน์มากๆ

[Piconets]

ได้ประโยชน์มากๆ

[kosak]

แจ่มครับ มือใหม่ต้องการ

[Doytao]

ผมใช้อันนี้ครับ

ลองใช้อันนี้ดูด้วยครับ ถือเป็นทางเลือก [linkpr]http://getfirebug.com/[/linkpr]

[inDexTop10]

ขอบคุณครับ

[loveloveaon]

เจ๋งครับ 

[siamman]

ไม่บ้านครับวิธีนี้ ปกติก็ใช้กันทั่วๆไปในการแงะเวบชาวบ้าน



เวลาผมไปเวบใคร เจออะไรเจ๋งๆ จะต้องไล่เช็คด้วยToolพวกนี้ทุกครั้ง

[gigga]

tool กับ Addon ของ firefox  ดีๆ หลายตัวเลย ลองโหลดมาใช้ดูนะ แต่ version 3 หน้า web บาง  web อาจไม่สวยอ่ะ มันอ่าน css ไม่เหมือน firefox 2

แต่รวมๆ ชอบเหมือนกัน   

[deepsnows]

ขอบคุณครับ

[Poomkupz]

ผมพึ่งเคยรู้นะนี่+1ให้ครับ จะได้ไม่ต้องมานั่งไล่หาทีละบรรทัดอีก 

[GolfT]

เจ๋งเลยครับ ขอบคุณมากครับ 

[flukenakrab]

ขอบคุณทุกท่านที่เข้ามาอ่านและ +1 ครับ   

[komgrit_su]

ถูกใจครับ โฮะๆๆๆๆ

[ชาละวันหรรษา]

มีประโยชน์มากเลยครับ ใช้งานง่ายด้วย  : thank

[demainza]

ขอบคุณครับ

[oreokung]

ขอบคุณครับ
ลง add-on ตัวนี้ไว้นานละ
เพิ่งรุ้วิธีใช้เลยนะเนี่ย - -

[Manson]

เยี่ยมเลย +1 

[Kamilia]

ขอบคุณมากๆแก้ได้ง่ายจริงๆ

[เรารักนายนะน้องฟี่]

ขอบคุณครับ