2745 Hits
Web Developer Firefox Extension Print E-mail
Written by DOCMan LaiThai   
Apr 04, 2008 at 07:26 PM

Web Developer Firefox Extension   Webdeveloper Extension เป็น plug-in เสริมความสามารถของ Firefox ให้เราสามารถดู แก้ไข ดาวน์โหลด ไฟล์ css ของเว็บที่เราเปิดดูได้. ซึ่งเหมาะมากสำหรับมือใหม่ที่เขียนไฟล์ template_css.css ไม่เก่ง
   ก่อนอื่นต้องเปิด Firefox ขึ้นมาแล้วไปที่ URL นี้ http://www.chrispederick.com/work/firefox/webdeveloper/
   จากนั้นก็เลือก Download version x.x.x... ที่ x ไว้คือเวอร์ชั่นที่แสดงอยู่บนหน้าเว็บเค้านะครับ. โปรแกรมจะติดตั้งให้เราตามค่าของ Firefox ที่เรากำหนดไว้. จากนั้นก็ปิด firefox แล้วเปิดขึ้นมาใหม่ หากไม่มี Toolbar ปรากฏขึ้นก็ให้ไปที่

View
   |-Toolbars
           |-Web Developer Toolbar

คลิกตรง Web Developer Toolbar ให้มีเครื่องหมายถูก จากนั้นก็จะได้ toolbar ดังภาพด้านบนมานะครับ.
จากนั้นก็ลองเปิดเว็บที่ใช้แมมโบ้ขึ้นมา แล้วก็เลือกไปดังภาพ จะปรากฏหน้าใหม่ขึ้นมา (รอเป็บนึง) หน้าใหม่นี้จะแสดงไฟล์ css ขึ้นมาพร้อมกับแสดงลิ้งค์เพื่อให้เราได้โหลดไปใช้ดูหรือใช้งานได้
   โดยการเลือกไปที่ลิ้งค์ http://www.เว็บไซด์.com/โฟล์เดอร์/ชื่อไฟล์.css โดยการคลิกเมาท์ขวา แล้วเลือก Save Link As... แค่นี้เราก็ได้ไฟล์ css มาโดยไม่ต้องเขียนให้ปวดหัวแล้วล่ะครับ.