คุณจะบันทึก / ส่งออกการเปลี่ยนแปลงใน Firebug ได้อย่างไร

การใช้ Firebug เพื่อแก้ไข CSS ฉันจะบันทึก / ส่งออกการเปลี่ยนแปลงที่ทำกับ CSS ได้อย่างไร

เครื่องมือ: Firefox , Firebug

ปรับปรุงที่สำคัญ:หากคุณรู้วิธีล็อคไปข้างหน้า / ย้อนกลับ / รีเฟรชบนแท็บ FireFox โปรดแจ้งให้เราทราบ มิฉะนั้นฉันก็เลิกใช้ FireBug / FireDiff เป็น IDE สำหรับ CSS มันดี แต่ฮ่า ๆ ... กด backspace ในเวลาที่ผิดและงานของคุณก็หายไป ... ตลก ดังนั้นชอบเบราว์เซอร์ที่เน้น CSS / HTML ใน Firebug รู้บรรณาธิการ CSS ที่ดีที่ทำสิ่งนี้? หวังว่า FireBug จะใช้งานได้จริง แต่ตอนนี้เห็นว่าดีสำหรับการตรวจสอบและทดสอบเฉพาะกิจ ความหมายใช้มันสำหรับสิ่งที่มันทำเพื่อ

ปรับปรุง:

@ Lèsemajesté:เช่นเดียวกับการอัปเดต " Web Developer add-on " ช่วยให้คุณแก้ไข CSS แต่ไม่อนุญาตให้คุณแก้ไข / บันทึกการเปลี่ยนแปลง CSS ที่ทำโดย Firebug หมายความว่าคุณใช้ Firebug เป็น ID และอาจทดสอบการเปลี่ยนแปลง แต่ไม่อนุญาตให้คุณบันทึกการเปลี่ยนแปลงจาก Firebug ต่อไปนี้เป็น "วิธีการ" ครอบคลุมการใช้งานร่วมกัน: FF + FB + WD

@ หมิ่นพระบรมเดชานุภาพ:ยังคงเล่นรอบกับFireDiff ทำงานได้ดีพบข้อบกพร่องหนึ่งข้อแล้ว (แม้ว่าฉันเพิ่งจะแก้ไขมัน) และไม่มี "วิธีการ" ฉันสามารถค้นหาได้ดังนั้นฉันแค่ลองใช้ทุกคุณลักษณะแล้วคลิกไปรอบ ๆ ... (สำหรับ ตัวอย่างในการส่งออก diff คุณจะต้องอยู่เหนือไอเท็มสุดท้ายในรายการคลิกขวาและเลือกเป็น "Save Diff" ".diff" เป็นเพียงไฟล์ข้อความไม่ทราบว่าทำไมถึงตอนนี้ ext คือ. diff .

จริงๆแล้วมีปลั๊กอิน FireBug ชื่อFireDiffที่ให้คุณส่งออกสไตล์และการเปลี่ยนแปลง DOM

หรือคุณสามารถใช้Add-onของWeb Developerเพื่อบันทึก CSS

สุดท้าย FireBug สามารถเชื่อมโยงกับ Eclipse โดยใช้Fireclipseและจากนั้นให้บันทึก CSS

ดูคำถาม StackOverflow นี้สำหรับวิธีแก้ไขเพิ่มเติม

ฉันค่อนข้างแน่ใจว่า Firebug ไม่ได้บันทึกการเปลี่ยนแปลงดังนั้นคุณจะต้องมีความคิดสร้างสรรค์เล็กน้อยในการทำเช่นนี้ คุณสามารถคัดลอก HTML / CSS และวางลงในไฟล์ txt จากนั้นคุณสามารถใช้ซอฟต์แวร์เปรียบเทียบเพื่อระบุการเปลี่ยนแปลงที่คุณทำ ใช้ฉันแก้ไขข้อความที่มีฟังก์ชันการทำงานนี้สร้างขึ้นใน แต่ฉันแน่ใจว่ามีตัวเลือกมากมาย

คุณกำลังมองหาBackfireสคริปต์ไคลเอ็นต์ / เซิร์ฟเวอร์ (ปัจจุบันคือ javascript / C #) ไม่ต้องใช้ Firebug (ไม่ใช่ Addbug เสริม) และทำงานได้ทั้งในเบราว์เซอร์ Firefox และ Webkit ด้วย Backfire คุณสามารถเปลี่ยนสถานะของหน้าในแบบที่คุณต้องการ (Firebug เป็นวิธีที่ยอดเยี่ยม) จากนั้นคลิกที่ปุ่มบันทึกเพื่อบันทึกการเปลี่ยนแปลงไปยังเซิร์ฟเวอร์

ในแง่ของการใช้งานหลังจากคลิกบันทึกรหัสฝั่งเซิร์ฟเวอร์ของคุณจะได้รับโพสต์ที่มีรายการการเปลี่ยนแปลงและเมื่อคุณดาวน์โหลด Backfire คุณจะเห็นตัวอย่างการนำไปใช้ซึ่งแสดงวิธีการจัดเก็บการเปลี่ยนแปลงในไฟล์ CSS ของคุณ มันทำงานได้หลายไฟล์และ (ใน Firefox) ด้วยกฎ CSS ชวเลขและอื่น ๆ ทั้งหมดในขณะที่รักษาโครงสร้างของไฟล์ CSS ดั้งเดิมของคุณ

ใช้ cssUpdater (ตีจริงครั้งแรกเมื่อ googling "วิธีการบันทึกการเปลี่ยนแปลง firebug") ด้วยคุณสามารถบันทึกการเปลี่ยนแปลง FireBug ของคุณ (แม้จะรองรับ FTP) ด้วยการคลิกเพียงครั้งเดียวจาก FireBug ข้อมูลเพิ่มเติมที่http://cssUpdater.com