|
Web Developer Firefox Extension |
|
|
|
Written by DOCMan LaiThai
|
|
Apr 04, 2008 at 07:26 PM |
|
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 มาโดยไม่ต้องเขียนให้ปวดหัวแล้วล่ะครับ.
|