Tạo hồ sơ phát triển web Firefox cuối cùng
Khi được cấu hình đúng cách, Firefox có thể trở thành công cụ phát triển web tối ưu, cho phép bạn truy cập trực tiếp vào trang bạn đang làm việc để bạn có thể định kiểu trang của mình theo thời gian thực, gỡ lỗi javascript hoặc thậm chí chỉnh sửa html.
Tạo hồ sơ riêng để phát triển web
Cài đặt tất cả các công cụ phát triển này sẽ biến Firefox thành một trình duyệt rất nặng, vì vậy trước tiên chúng ta nên tạo một cấu hình mới cho Firefox.
Bạn có thể khởi chạy một hồ sơ riêng cùng lúc với hồ sơ thông thường của mình bằng cách tạo một lối tắt mới với các đối số này, thay thế WebDev bằng tên của hồ sơ của bạn. Ngoài ra còn có một lời giải thích chi tiết hơn về cách làm điều này.
firefox.exe -P WebDev -no-remote
Bây giờ bạn đã cấu hình Firefox với một cấu hình riêng chỉ dành cho phát triển web, hãy xem các tiện ích mở rộng chúng ta có thể sử dụng để biến Firefox thành công cụ phát triển web tối ưu.
Các tiện ích mở rộng Web Dev phải có
Đây là tất cả các tiện ích mở rộng mà tôi sử dụng thường xuyên để phát triển web.
Bọ lửa
Fireorms là phần mở rộng mạnh mẽ nhất để gỡ lỗi javascript, xem CSS và html. Bạn có thể thực hiện các thay đổi động đối với mã và CSS và sử dụng nó để gỡ lỗi mã Ajax của bạn. Đó thực sự là phần mở rộng tốt nhất hiện có.
Mở rộng nhà phát triển web
Một trong những phần mở rộng tốt nhất cho x năm chạy. Đây là điều bắt buộc đối với bất kỳ nhà phát triển nào, nhưng bạn đã nghe nói về nó.
Mở rộng Aardvark
Tiện ích mở rộng này là một tiện ích mở rộng rất nhẹ sẽ dễ dàng hiển thị cho bạn các yếu tố trên trang và lớp / id được chỉ định của chúng. Nó đơn giản hơn để sử dụng so với tiện ích mở rộng của nhà phát triển web cho những lúc bạn chỉ cần thông tin nhanh cho một yếu tố. Bạn cũng có thể sử dụng nó để xóa các thành phần khỏi trang.
Colorzilla
Chọn màu dễ dàng. Không còn đau đớn khi tìm màu sắc được nhúng ở đâu đó trong biểu định kiểu.
Xem nguồn với
Bạn có thể thiết lập nhiều cấu hình nguồn xem để mở nguồn trong các ứng dụng khác nhau.
Trình xác thực HTML
Tiện ích mở rộng này cho phép bạn dễ dàng xác thực HTML trang của mình và cài đặt vào bảng điều khiển Xem nguồn.
Greasemonkey
Nó không chính xác là một tiện ích mở rộng dành cho nhà phát triển web, nhưng Greasemonkey rất tuyệt vời, nhất là khả năng tự động hóa các hành động thường được thực hiện, đây là một trình tiết kiệm thời gian tuyệt vời cho các nhà phát triển web.
Đo lường nó
Dễ dàng đo khoảng cách trên màn hình với phần mở rộng này. Khi bạn đã đo một khu vực, bạn có thể kéo hình chữ nhật xung quanh màn hình để sử dụng làm so sánh.
Chế độ xem IE / Tab IE / OperaView / FirefoxView / Chế độ xem Safari / IE View Lite
Các tiện ích mở rộng này (hãy chọn) cho phép bạn dễ dàng xem trang hiện tại trong các trình duyệt khác nhau. Tab IE thậm chí sẽ cho phép bạn chạy IE bên trong một tab, nếu bạn đã quá nghiêng.
Xóa nút bộ nhớ cache
Xóa bộ nhớ cache. Đặc biệt hữu ích để kiểm tra các thay đổi CSS mới.
Khởi động lại Firefox
Phần mở rộng Khởi động lại Firefox rất hữu ích để đóng và khởi động lại Firefox với tất cả các tab và phiên còn nguyên.
Tab Mix Plus
Tiện ích mở rộng Tab Mix Plus nói chung là một tiện ích mở rộng tuyệt vời, nhưng có một vài tính năng cơ bản hữu ích cho các nhà phát triển web: Tab trùng lặp và URL sao chép URL.
YSlow
Tiện ích mở rộng YSlow là tiện ích mở rộng mới của Yahoo sẽ phân tích trang của bạn và cho bạn biết bạn đang mắc lỗi ở đâu. Nó thậm chí sẽ cung cấp cho bạn một điểm về hiệu suất trang web của bạn. Bạn sẽ nhận thấy thước đo nhỏ ở góc dưới bên phải, nó cho bạn biết tổng kích thước của trang cũng như thời gian tải. Phần mở rộng rất hữu ích, nhưng nó yêu cầu phần mở rộng Fireorms.
Hình nộm Lorem Ipsum
Tiện ích mở rộng trình tạo Dummy Lipsum sẽ tạo nội dung giả cho bạn dựa trên văn bản Lorem Ipsum nổi tiếng rất hữu ích để đưa ra nội dung giả mạo trong trang web của bạn.
Ảnh chụp màn hình!
Tiện ích mở rộng Screengrab sẽ cho phép bạn chụp ảnh màn hình các trang, nhưng có thể làm một cái gì đó mà công cụ chụp màn hình thông thường không thể - nó có thể chụp ảnh toàn bộ trang, không chỉ là phần có thể xem được.
Có rất nhiều tiện ích mở rộng khác mà bạn có thể sử dụng, nhưng đây là những tiện ích tốt nhất trong số những tiện ích tốt nhất trong số tất cả những gì tôi đã thấy. Nếu bạn có một tiện ích mở rộng khác mà bạn sử dụng thường xuyên, hãy để lại một đề cập trong các bình luận.
Tại thời điểm này, giờ bạn đã biến Firefox thành công cụ phát triển web tối ưu. Dành thời gian để tìm hiểu cách sử dụng Fireorms đặc biệt.
