Bagaimana Anda menyimpan / mengekspor perubahan yang dibuat di Firebug?

10

Menggunakan Firebug untuk mengedit CSS, bagaimana cara saya menyimpan / mengekspor perubahan yang dibuat ke CSS?

ALAT: Firefox , Firebug


PEMBARUAN UTAMA: Jika Anda tahu cara untuk mengunci maju / mundur / menyegarkan pada tab FireFox, beri tahu saya. Kalau tidak, saya sudah menyerah menggunakan FireBug / FireDiff sebagai IDE untuk CSS, itu bagus, tapi lol ... tekan backspace pada waktu yang salah dan SEMUA pekerjaan Anda hilang ... lucu. Jadi, sangat suka menyoroti browser ke CSS / HTML di Firebug. Tahu ada editor CSS yang baik yang melakukan ini? Benar-benar berharap FireBug akan bekerja, tetapi untuk saat ini hanya melihatnya sebagai hal yang baik untuk inspeksi dan pengujian sementara; artinya menggunakannya untuk apa itu dibuat.


PEMBARUAN:

@ Lèse majesté: Sama seperti pembaruan, " add-on Pengembang Web " memungkinkan Anda mengedit CSS, tetapi itu tidak memungkinkan Anda mengedit / menyimpan perubahan CSS yang dibuat oleh Firebug. Berarti Anda menggunakan Firebug untuk ID dan mungkin menguji perubahan, tetapi itu tidak memungkinkan Anda menyimpan perubahan dari Firebug. Inilah "cara" yang membahas cara menggunakannya bersama-sama: FF + FB + WD

@ Lèse majesté: Masih bermain-main dengan FireDiff . Ini berfungsi dengan baik, sudah menemukan satu bug (walaupun saya hanya mengatasinya), dan tidak ada "bagaimana" yang saya dapat temukan, jadi saya hanya mencoba setiap fitur dan mengklik di sekitar ... (untuk contoh, untuk mengekspor diff, Anda harus melewati item terakhir dalam daftar, klik kanan, dan pilih "Save Diff". ".diff" hanyalah file teks, tidak tahu mengapa pada titik ini ext adalah .diff .

kesalahan besar
sumber

Jawaban:

10

Sebenarnya ada plugin FireBug bernama FireDiff yang memungkinkan Anda mengekspor perubahan gaya dan DOM.

Atau, Anda bisa menggunakan add-on Pengembang Web untuk menyimpan CSS.

Terakhir, FireBug dapat ditautkan ke Eclipse menggunakan Fireclipse , dan dari sana simpan CSS.

Lihat pertanyaan StackOverflow ini untuk solusi lebih lanjut.

Lèse majesté
sumber
@ Lèse majesté: Lihat komentar di atas tentang penggunaan add-on Pengembang Web untuk mengedit Firebug CSS, terima kasih!
kesalahan besar
2

Saya cukup yakin Firebug tidak mencatat perubahan sehingga Anda harus sedikit kreatif untuk melakukan ini. Anda dapat menyalin HTML / CSS dan menempelkannya ke file txt. Kemudian Anda dapat menggunakan perangkat lunak pembanding untuk mengidentifikasi perubahan yang Anda buat. The editor teks saya menggunakan memiliki fungsi ini dibangun di tapi aku yakin banyak pilihan yang tersedia.

John Conde
sumber
2

Anda sedang mencari Backfire , skrip klien / server (saat ini javascript / C #). Itu tidak memerlukan Firebug (ini bukan add-on Firebug), dan ia bekerja di kedua browser berbasis Firefox dan Webkit. Dengan Backfire Anda dapat mengubah status halaman dengan cara apa pun yang Anda inginkan (Firebug adalah cara yang hebat) dan kemudian klik tombol Simpan untuk menyimpan perubahan ke server.

Dalam hal implementasi, setelah mengklik simpan kode sisi server Anda akan menerima posting berisi daftar perubahan, dan ketika Anda mengunduh Bumerang Anda akan melihat contoh implementasi yang menunjukkan kepada Anda bagaimana menyimpan perubahan dalam file CSS Anda. Ini berfungsi di banyak file dan (di Firefox) dengan aturan CSS steno, dll, semuanya sambil mempertahankan struktur file CSS asli Anda.

Rahul
sumber
(+1) Keren, terima kasih! Bagaimana cara menghubungkannya ke dalam kode? Apakah hanya bekerja dengan file datar, atau dapatkah itu diatur untuk berbicara dengan sistem kontrol versi tanpa menulis kode khusus? Juga menebak itu berarti saya harus menjalankan dot.NET di latar belakang di server juga, kan?
kesalahan
@blunders Ini open source sehingga Anda dapat memeriksa cara kerjanya sendiri. Pada dasarnya ia mengirimkan daftar perubahan ke server dalam format json dan bahwa data diuraikan menggunakan ekspresi reguler dan dicocokkan dengan baris asli dalam file css. Kemudian file css diperbarui dengan data baru. Contoh implementasi adalah .NET, tetapi setiap programmer dapat dengan mudah menulis yang serupa di PHP atau sesuatu yang lain karena itu sangat sepele.
Rahul
2

Gunakan cssUpdater (hit nyata pertama saat googling "bagaimana cara menyimpan perubahan pembakar"). Dengan itu, Anda dapat menyimpan perubahan FireBug Anda (bahkan dengan dukungan FTP) hanya dengan satu klik dari FireBug. Info lebih lanjut di http://cssUpdater.com

Jhonte
sumber