15 tiện ích Firefox dành cho nhà phát triển Web

Tôi đã làm việc trên một trang web mới trong vài tuần qua. Nhưng thay vì làm một mình, tôi quyết định nhận một số trợ giúp từ các tiện ích mở rộng của Firefox. Họ đã làm cho công việc của tôi dễ dàng hơn rất nhiều và tất cả đều có thể được tải xuống chỉ trong vài giây.

Aardvark: Aardvark cho phép bạn chọn các yếu tố từ một trang Web và thực hiện các hành động khác nhau trên chúng. Tôi sử dụng nó để phân tích cấu trúc của một trang. Bạn cũng có thể xóa và cô lập các phần tử hoặc tạo mã DOM. Tôi khuyên bạn nên nó.

ColorZilla: Nếu có một màu trên trang Web mà bạn thích, ColorZilla sẽ tìm mã chính xác cho nó và cho phép bạn dán nó vào chương trình mã hóa của mình. Bạn cũng có thể tạo màu tùy chỉnh với trình duyệt bảng màu tích hợp. Nó lưu các màu được sử dụng nhiều nhất để dễ dàng truy cập sau này. Nó mạnh mẽ, đơn giản, nó là thứ bắt buộc phải có.

Trình xác thực CSS: Trình xác thực CSS thêm tùy chọn nhấp chuột phải trong trình duyệt của bạn, gửi CSS đến Trình xác thực CSS W3C. Nó mở kết quả trong một tab mới. Trình xác thực CSS là một công cụ hay sẽ có ích thường xuyên.

CSSViewer: Không có nhà thiết kế web nào nên làm việc mà không có CSSViewer. Tiện ích bổ sung thông báo cho bạn tất cả thông tin CSS bạn cần từ một trang web. Chỉ cần nhấp vào trang bạn muốn, mở nó trong menu Công cụ và nó sẽ hiển thị thông tin CSS. Tôi sử dụng nó hầu như mỗi ngày.

FireBug: Fireorms là một trong những tiện ích mở rộng mà bạn không thể thiếu. Nó cho phép bạn chỉnh sửa, gỡ lỗi và xem CSS, HTML và JavaScript. Khi bạn thực hiện thay đổi đối với HTML trên trang web, Fireorms sẽ tự động hiển thị nó trong cùng một khung. Nó cực kỳ mạnh mẽ.

FirePHP: FireBug là một công cụ tốt cho CSS, HTML và JavaScript, nhưng FirePHP, chỉ hoạt động khi bạn cài đặt tiện ích mở rộng FireBug, tạo ra trải nghiệm phát triển đầy đủ tính năng. Với sự trợ giúp của cả hai tiện ích bổ sung, bạn có thể xem chất lượng PHP của mình và tìm lỗi. Đó là một sự trợ giúp tuyệt vời.

Trình tìm phông chữ: Trình tìm phông chữ cho phép bạn làm nổi bật một phông chữ bạn thích trên bất kỳ trang web nào, nhấp chuột phải vào lựa chọn và sau khi chọn "Trình tìm phông chữ", xem kiểu văn bản CSS đầy đủ của lựa chọn. Sau đó, bạn có thể dán nó vào trang web của riêng bạn.

Trình xác thực HTML: Trình xác thực HTML là một công cụ cực kỳ mạnh mẽ chỉ dành cho người dùng Windows. Tiện ích cung cấp cho bạn thông tin phản hồi về lỗi trên trang. Nó cũng cho bạn biết nơi nào cần giải quyết vấn đề. Nhưng trừ khi bạn là một nhà thiết kế Web tiên tiến, hãy tránh xa công cụ này. Nó rất phức tạp.

Chế độ xem IE: Miễn là bạn đang chạy Windows, IE View là một công cụ hữu ích. Tiện ích mở rộng thêm tùy chọn "Mở trong IE" trong menu chuột phải, cho phép bạn nhanh chóng mở một trang web trong Internet Explorer. Đó là một cách tuyệt vời để kiểm tra xem một trang trông như thế nào trong cả hai trình duyệt.

Bảng điều khiển Java: Nếu bạn muốn xem các applet Java đang chạy như thế nào trên các trang Web, Bảng điều khiển Java là dành cho bạn. Bạn có thể theo dõi và gỡ lỗi các applet và nhận báo cáo đầy đủ về hiệu suất của chúng.

LinkChecker: LinkChecker làm nổi bật các liên kết trên bất kỳ trang web nào và cho bạn biết nếu liên kết sẽ đưa bạn đến một trang web trực tiếp hoặc nếu nó sẽ trả về 404. Tôi sử dụng nó mỗi ngày.

Poster: Nếu bạn muốn gỡ lỗi máy chủ và thực hiện các yêu cầu HTTP, Poster là công cụ dành cho bạn. Thật dễ sử dụng, bạn có thể đặt loại nội dung và trong vài phút, bạn sẽ có tất cả thông tin bạn cần để kiểm tra kết quả truy vấn HTTP của mình. Hữu ích.

Style Sheet Chooser II: Style Sheet Chooser II thay thế trình chuyển đổi biểu định kiểu tích hợp sẵn của Firefox và cho phép bạn chọn một kiểu thay thế sẽ tồn tại trên tất cả các trang của một trang web. Đây không phải là thứ bạn sẽ sử dụng thường xuyên, nhưng khi bạn cần thứ gì đó tương tự, Style Sheet Chooser II là cách để đi.

Nhà phát triển web: Nếu bạn cài đặt bất kỳ tiện ích mở rộng nào trong đợt này, Nhà phát triển web nên được đưa vào. Nó thêm một menu và thanh công cụ vào Firefox cung cấp cho bạn tùy chọn để hiển thị kiểu của trang, xem và chỉnh sửa CSS, và nhiều hơn nữa. Không có nhà phát triển web nào nên không có nó.

YSlow: YSlow yêu cầu cài đặt FireBug để nó hoạt động, nhưng đó là một cách tuyệt vời để tìm hiểu lý do tại sao trang web của bạn chạy chậm như vậy. Nó phân tích các trang web và trả về các vấn đề đang làm chậm trang web, dựa trên các quy tắc của Yahoo cho các trang web hiệu suất cao. Tôi sử dụng nó thường xuyên để tìm ra nơi tôi có thể cải thiện tốc độ trang web của mình. Hãy thử nó.

 

Để LạI Bình LuậN CủA BạN