Khi được cấu hình đúng, Firefox có thể trở thành công cụ phát triển web cuối cùng, cho phép bạn truy cập trực tiếp vào trang bạn đang làm việc để có thể tạo kiểu cho trang của bạn trong 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 biệt cho phát triển web
Việc cài đặt tất cả các công cụ phát triển này sẽ làm cho Firefox trở 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 hồ sơ mới cho Firefox.
Bạn có thể khởi chạy một hồ sơ riêng biệt cùng lúc với hồ sơ thông thường của bạn 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 hồ sơ của bạn. Ngoài ra còn có một giải thích chi tiết hơn về cách thực hiện điều này.
firefox.exe -P WebDev -no-remote
Bây giờ bạn đã có Firefox được cấu hình với một cấu hình riêng biệt chỉ để phát triển web, hãy xem xét các phần mở rộng mà chúng ta có thể sử dụng để biến Firefox thành công cụ phát triển web cuối cùng.
Phải có tiện ích mở rộng web Dev
Đâ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.
Firebug
Firebug 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. Nó thực sự là phần mở rộng tốt nhất trên mạng.
Tiện ích 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 về nó.
Tiện ích mở rộng Aardvark
Phần mở rộng này là một phần mở rộng rất nhẹ sẽ dễ dàng hiển thị cho bạn các phần tử trên trang và lớp / id được gán của chúng. Việc sử dụng đơn giản hơn so với tiện ích mở rộng dành cho nhà phát triển web trong những thời điểm đó khi bạn chỉ cần thông tin nhanh cho một phần tử. Bạn cũng có thể sử dụng nó để xóa các phần tử khỏi trang.
Colorzilla
Chọn màu sắc dễ dàng. Không còn đau đớn khi tìm màu sắc được nhúng ở đâu đó trong bảng đị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 bạn và cài đặt vào bảng điều khiển Chế độ xem.
Greasemonkey
Nó không chính xác là một phần mở rộng của nhà phát triển web, nhưng Greasemonkey là tuyệt vời, không kém phần quan trọng đối với 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 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 được 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 Xem Lite
Các tiện ích mở rộng này (lấy lựa chọn của bạ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. IE Tab thậm chí sẽ cho phép bạn chạy IE bên trong một tab, nếu bạn đã nghiêng như vậy.
Nút xóa 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 vẹn.
Tab Mix Plus
Tiện ích Tab Mix Plus là một tiện ích mở rộng tuyệt vời nói chung, nhưng có một số tính năng cơ bản hữu ích cho các nhà phát triển web: URL trùng lặp và URL tab sao chép.
YSlow
Phần mở rộng YSlow là một phần mở rộng mới của Yahoo sẽ phân tích trang của bạn và cho bạn biết nơi bạn đang phạm sai lầm. 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 trang của bạn 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 Firebug.
Dummy Lorem Ipsum
Phần mở rộng máy phát điện Dummy Lipsum sẽ tạo ra 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 cho việc đặt nội dung giả trong trang web của bạn.
Screengrab!
Tiện ích mở rộng Screengrab sẽ cho phép bạn chụp ảnh màn hình của các trang nhưng có thể làm điều 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ỉ phần có thể xem được.
Tại thời điểm này, bạn đã chuyển Firefox thành công cụ phát triển web cuối cùng. Dành thời gian để tìm hiểu cách sử dụng Firebug đặc biệt.
![Firefox 4 Cuối cùng được phát hành, và nó trông giống như Opera [Screenshot Tour]](https://i.technology-news-hub.com/images/blog/firefox-4-finally-released-and-it-looks-like-opera-screenshot-tour-9-p.webp "Firefox 4 Cuối cùng được phát hành, và nó trông giống như Opera [Screenshot Tour]")
