Làm thế nào để bạn lưu / xuất các thay đổi được thực hiện trong Fireorms?


10

Sử dụng Fireorms để chỉnh sửa CSS, làm cách nào để lưu / xuất các thay đổi được thực hiện cho CSS?

CÔNG CỤ: Firefox , Fireorms


CẬP NHẬT CHÍNH: Nếu bạn biết cách khóa tiến / lùi / làm mới trên tab FireFox, vui lòng cho tôi biết. Mặt khác, tôi đã từ bỏ việc sử dụng FireBug / FireDiff làm IDE cho CSS, thật tuyệt, nhưng lol ... nhấn backspace không đúng lúc và TẤT CẢ công việc của bạn đều ... buồn cười. Vì vậy, thực sự thích trình duyệt làm nổi bật CSS / HTML trong Fireorms. Biết bất kỳ trình soạn thảo CSS tốt nào làm điều này? Thực sự đã hy vọng FireBug sẽ hoạt động, nhưng hiện tại chỉ thấy nó là tốt cho việc kiểm tra và kiểm tra đột xuất; có nghĩa là sử dụng nó cho những gì nó được thực hiện cho.


CẬP NHẬT:

@ Lèse majesté: Giống như một bản cập nhật, " Tiện ích bổ sung dành cho nhà phát triển web " cho phép bạn chỉnh sửa CSS, nhưng nó không cho phép bạn chỉnh sửa / lưu các thay đổi CSS được tạo bởi Fireorms. Có nghĩa là bạn sử dụng Fireorms để ID và có thể kiểm tra các thay đổi, nhưng điều đó không cho phép bạn lưu các thay đổi từ Fireorms. Đây là "cách" bao gồm cách sử dụng chúng cùng nhau: FF + FB + WD

@ Lèse majesté: Vẫn chơi xung quanh với FireDiff . Nó hoạt động ổn, đã tìm thấy một lỗi (mặc dù tôi chỉ đang khắc phục nó) và không có "cách nào" tôi có thể tìm thấy, vì vậy tôi chỉ thử mọi tính năng và nhấp xung quanh ... (cho Ví dụ, để xuất một diff bạn phải ở mục cuối cùng trong danh sách, nhấp chuột phải và chọn là "Save Diff". ".diff" chỉ là một tệp văn bản, không biết tại sao tại thời điểm này, ext là .diff .

Câu trả lời:


10

Thực sự có một plugin FireBug có tên FireDiff cho phép bạn xuất các thay đổi kiểu và DOM.

Ngoài ra, bạn có thể sử dụng bổ trợ Nhà phát triển web để lưu CSS.

Cuối cùng, FireBug có thể được liên kết với Eclipse bằng Fireclipse và từ đó lưu CSS.

Xem câu hỏi StackOverflow này để biết thêm giải pháp.


@ Lèse majesté: Xem bình luận ở trên về việc sử dụng tiện ích bổ sung dành cho nhà phát triển web để chỉnh sửa Fireorms CSS, cảm ơn!
sai lầm ngớ ngẩn

2

Tôi khá chắc chắn rằng Fireorms không ghi lại các thay đổi nên bạn sẽ phải có một chút sáng tạo để làm điều này. Bạn có thể sao chép HTML / CSS và dán nó vào tệp txt. Sau đó, bạn có thể sử dụng phần mềm so sánh để xác định những thay đổi bạn đã thực hiện. Trình chỉnh sửa văn bản tôi sử dụng có chức năng này được tích hợp nhưng tôi chắc chắn có rất nhiều tùy chọn khả dụng.


2

Bạn đang tìm Backfire , tập lệnh máy khách / máy chủ (hiện đang là javascript / C #). Nó không yêu cầu Fireorms (nó không phải là addon Fireorms) và nó hoạt động trong cả trình duyệt dựa trên Firefox và Webkit. Với Backfire, bạn có thể thay đổi trạng thái của trang theo bất kỳ cách nào bạn muốn (Fireorms là một cách tuyệt vời) và sau đó nhấp vào nút Lưu để lưu các thay đổi vào máy chủ.

Về mặt triển khai, sau khi nhấp vào lưu mã phía máy chủ của bạn sẽ nhận được một bài đăng chứa danh sách các thay đổi và khi bạn tải xuống Backfire, bạn sẽ thấy một triển khai ví dụ cho bạn biết cách lưu trữ các thay đổi trong tệp CSS của bạn. Nó hoạt động trên nhiều tệp và (trong Firefox) với các quy tắc CSS tốc ký, v.v., trong khi vẫn duy trì cấu trúc của các tệp CSS gốc của bạn.


(+1) Thật tuyệt, cảm ơn! Làm thế nào để nó móc vào mã? Có phải chỉ hoạt động với các tệp phẳng hoặc có thể được thiết lập để nói chuyện với một hệ thống kiểm soát phiên bản mà không cần viết mã tùy chỉnh? Cũng đoán được điều đó có nghĩa là tôi cũng phải chạy dot.NET trong nền trên máy chủ, phải không?
sai lầm ngớ ngẩn

@blunders Đó là nguồn mở để bạn có thể tự kiểm tra cách nó hoạt động. Về cơ bản, nó sẽ gửi một danh sách các thay đổi đến máy chủ ở định dạng json và dữ liệu đó được phân tích cú pháp bằng các biểu thức chính quy và khớp với dòng gốc trong tệp css. Sau đó, tệp css được cập nhật với dữ liệu mới. Ví dụ triển khai là .NET, nhưng bất kỳ lập trình viên nào cũng có thể dễ dàng viết một cái tương tự trong PHP hoặc một cái gì đó khác vì nó khá tầm thường.
Ra-ma

2

Sử dụng cssUpdater (lần truy cập thực sự đầu tiên khi googling "cách lưu thay đổi con bọ lửa"). Với nó, bạn có thể lưu các thay đổi FireBug của mình (ngay cả với hỗ trợ FTP) chỉ bằng một cú nhấp chuột từ FireBug. Thêm thông tin tại http://cssUpdater.com

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.