firebug addon firefox - TsupamaN.com https://www.tsupaman.com/tag/firebug-addon-firefox ทำเว็บไซต์ด้วย Wordpress Fri, 30 May 2014 03:26:57 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.1 ปรับแต่งเว็บไซต์ด้วย FireBug Addon ของ Firefox https://www.tsupaman.com/2014/05/%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%84%e0%b8%8b%e0%b8%95%e0%b9%8c-firebug-addon-firefox Fri, 30 May 2014 03:12:21 +0000 https://www.tsupaman.com/?p=912 พูดถึงการใช้งานโปรแกรม หรือปรับแต่งเว็บไซต์ในปัจจุบัน เทคโนโลยีได้พัฒนาไปไกลจนมีเครื่องไม้เครื่องต่างๆออกมาให้ใช้เยอะแยะเต็มไปหมด อีกหนึ่งโปรแกรมที่ผมใช้ในการปรับแต่งเว็บไซต์ก็คือ FireBug ซึ่งเป็น Addons ของ Mozilla Firefox ครับ FireBug สามารถแก้ไขและตรวจสอบ CSS, HTML และ JavaScript  ในขณะที่เราอยู่ในหน้าเว็บไซต์ใดๆ ได้เลย โดยไม่จำเป็นต้องมีซอร์สโค้ดหรือดาวน์โหลดโค้ดลงมาปรับแต่งแต่อย่างใด แต่!! การปรับแต่งดังกล่าวนี้ จะไม่มีผลกับเว็บไซต์นั้นๆ นะครับ แต่มันจะแสดงผลให้เราเห็นเฉยๆ ว่าผลที่ได้จะเป็นอย่างไร หากจะทำการปรับแต่งจริงๆ เราต้องมาปรับที่ระบบของเราครับ การใช้งาน FireBug Addon ของ Firefox แน่นอนว่าการใช้งาน FireBug Addon ของ Firefox เราต้องทำการดาวน์โหลด Addons มาติดตั้งก่อน โดยการเปิดโปรแกรม Firefox ขึ้นมา และไปที่ลิงค์นี้ครับ https://addons.mozilla.org/en-US/firefox/addon/firebug/ กดเลือก +Add to Firefox ได้เลย จากนั้นก็ รอ รอ รอ […]

The post ปรับแต่งเว็บไซต์ด้วย FireBug Addon ของ Firefox appeared first on TsupamaN.com.

]]> พูดถึงการใช้งานโปรแกรม หรือปรับแต่งเว็บไซต์ในปัจจุบัน เทคโนโลยีได้พัฒนาไปไกลจนมีเครื่องไม้เครื่องต่างๆออกมาให้ใช้เยอะแยะเต็มไปหมด อีกหนึ่งโปรแกรมที่ผมใช้ในการปรับแต่งเว็บไซต์ก็คือ FireBug ซึ่งเป็น Addons ของ Mozilla Firefox ครับ

firebug-logo

FireBug สามารถแก้ไขและตรวจสอบ CSS, HTML และ JavaScript  ในขณะที่เราอยู่ในหน้าเว็บไซต์ใดๆ ได้เลย โดยไม่จำเป็นต้องมีซอร์สโค้ดหรือดาวน์โหลดโค้ดลงมาปรับแต่งแต่อย่างใด แต่!! การปรับแต่งดังกล่าวนี้ จะไม่มีผลกับเว็บไซต์นั้นๆ นะครับ แต่มันจะแสดงผลให้เราเห็นเฉยๆ ว่าผลที่ได้จะเป็นอย่างไร หากจะทำการปรับแต่งจริงๆ เราต้องมาปรับที่ระบบของเราครับ

การใช้งาน FireBug Addon ของ Firefox

แน่นอนว่าการใช้งาน FireBug Addon ของ Firefox เราต้องทำการดาวน์โหลด Addons มาติดตั้งก่อน โดยการเปิดโปรแกรม Firefox ขึ้นมา และไปที่ลิงค์นี้ครับ https://addons.mozilla.org/en-US/firefox/addon/firebug/ กดเลือก +Add to Firefox ได้เลย จากนั้นก็ รอ รอ รอ มันจะ Restart Firefox 1 ครั้ง ถึงจะใช้งานได้ครับตามรูปดังนี้

firebug-addon-01

เมื่อเราเข้าเว็บไซต์ใดๆ ก็ตาม เจ้าแมลง FireBug จะอยู่บนมุมขวาบนของ Browser ตามรูปครับ แต่มันจะยังไม่ทำงานจนกว่าเราจะคลิกที่ไอคอนแมลง เมื่อคลิกใช้งานระบบจะเด้งหน้าซอร์สโค้ดมาให้ดังรูป เราอยากจะแก้ไขอะไรที่ส่วนไหน ไม่ว่าจะเป็น HTML , CSS , JavaScript เพื่อ DeBug เราทำได้หมดเลย ลองฝึกหัดใช้ดูนะครับ ผมเชื่อว่า มันมีประโยชน์จริงๆ อะไรๆที่ไม่เคยทำได้ ก็จะทำได้ รวมถึงการทำเรื่องต้องห้ามด้วย อิอิ ไม่ขอเอ่ยละกันมันไม่ดีกับตัวเองและเว็บไซต์ของคนอื่นครับ

ปรับแต่งเว็บไซต์ด้วย FireBug Addon ของ Firefox ง่ายนิดเดียว

บทความโดย : TsupamaN และภาพประกอบจาก w3avenue.com

 

The post ปรับแต่งเว็บไซต์ด้วย FireBug Addon ของ Firefox appeared first on TsupamaN.com.

]]>