Thay đổi lớn nhất trong năm 2018 là cuộc đại tu lớn của FireFox và cùng với đó là cách thức hoạt động của các tiện ích bổ sung trong trình duyệt đó. Kết quả là nhiều tiện ích bổ sung phổ biến không còn được duy trì hoặc không còn khả dụng.
Hầu hết các tiện ích bổ sung dành cho Firefox cũng có sẵn dưới dạng tiện ích mở rộng cho Google Chrome. Trong bài viết này, chúng tôi sẽ cố gắng ưu tiên Qua trình duyệt tiện ích bổ sung/tiện ích mở rộng, trong bối cảnh này có nghĩa là chúng sẽ hoạt động trên Firefox, Chrome và Chromium. Chúng tôi cũng sẽ ưu tiên các tiện ích mở rộng miễn phí không được biết là chuyển thông tin của bạn cho bên thứ ba và không được hỗ trợ bởi doanh thu quảng cáo. Chúng tôi sẽ tập trung nhiều hơn vào các tiện ích mở rộng không hạn chế bạn vào một công nghệ phát triển cụ thể.
Rất ít nhà phát triển nhận thấy bất kỳ lợi ích nào khi sử dụng Microsoft Edge làm trình duyệt phát triển, nhưng điều đó là tốt cho việc thử nghiệm sau phát triển. Dự kiến chỉ có hơn 4 trong số 100 khách truy cập trang web sử dụng nó, mặc dù con số đó có thể sẽ tăng nhẹ khi nhiều người dùng từ bỏ Internet Explorer.
Mặc dù có nhiều người dùng Chrome hơn người dùng Firefox nhưng những người trong nhóm CNTT có xu hướng thích Firefox hơn, đó là lý do tại sao ngày càng có nhiều tiện ích mở rộng tốt hơn nhắm đến các nhà phát triển trên Firefox.
Bây giờ chúng ta hãy xem xét các tiện ích mở rộng trình duyệt tốt nhất dành cho nhà phát triển và lý do bạn có thể muốn thêm chúng vào trình duyệt của mình.
1. Được xây dựng bằng
Khi bạn thấy mình đang ở trên một trang web được thiết kế thực sự tốt và bạn muốn biết họ đã tạo ra nó như thế nào, tiện ích mở rộng này sẽ giúp bạn tiết kiệm rất nhiều thời gian và công sức tìm hiểu mã nguồn. Liên kết tải xuống: Chrome / Chromium, Firefox
2. rìu
Đây là một công cụ kiểm tra khả năng tiếp cận. Tốt nhất bạn nên cố gắng làm cho các trang của mình dễ truy cập nhất có thể và ax sẽ giúp bạn tránh vô tình loại trừ một phân khúc người dùng khỏi trang web của mình. Liên kết tải xuống: Chrome / Chromium, Firefox
XUẤT KHẨU. ColorZilla
Tuy cũ nhưng vẫn tốt, tiện ích mở rộng này cho phép bạn lấy mẫu màu trực tiếp từ một trang, truy xuất mã màu, tạo độ chuyển màu, v.v. Liên kết tải xuống: Chrome / Chromium, Firefox
4. Nhà phát triển web
Thêm một số tiện ích bổ sung hữu ích vào trình duyệt của bạn để kiểm soát CSS, biểu mẫu, hình ảnh và thông tin. Một trong những tiện ích mở rộng phổ biến nhất từng được tạo ra. Liên kết tải xuống: Chrome / Chromium, Firefox
5. Xếp hạng Woo
Phân tích bất kỳ trang web nào để tìm dữ liệu SEO. Cung cấp một báo cáo mạnh mẽ hiển thị cho bạn tất cả thông tin nội bộ về SEO, bao gồm điểm SEO tổng thể, đề xuất cải tiến, đám mây từ khóa và nhiều hơn thế nữa. Liên kết tải xuống: Chrome / Chromium, Firefox
6. Tab2QR
Tạo mã QR của trang bạn đang truy cập và bạn có thể truy cập trang này bằng điện thoại của mình chỉ bằng cách quét mã QR. Tốt cho việc thử nghiệm responsive các trang web, ngay cả khi bạn không tạo ra chúng. Liên kết tải xuống: Chrome / Chromium, Firefox
7. Trình tạo yêu cầu HTTP
Điều này có thể rất hữu ích để kiểm tra phản hồi của biểu mẫu PHP khi bạn không thực sự muốn gửi biểu mẫu (điều này có thể kích hoạt quá trình xử lý bổ sung mà bạn không cần kiểm tra). Với công cụ này, bạn có thể giả mạo các yêu cầu HTTP một cách dễ dàng. Lưu ý rằng mặc dù tiện ích mở rộng của Chrome và Firefox có cùng tên và hoạt động giống nhau nhưng chúng được tạo bởi các nhà phát triển khác nhau và không hoàn toàn giống nhau. Liên kết tải xuống: Chrome / Chromium, Firefox
8. Kiểm tra hiệu suất trang
Nhanh chóng nhận được báo cáo về cách trang của bạn hoạt động ở các giai đoạn khác nhau trong hành trình tới trình duyệt của bạn. Nó giống như một phiên bản cao cấp hơn của tracert. Cái này hiện chỉ có trên Firefox. Có các tiện ích mở rộng tương tự dành cho Chrome và Chrome nhưng chúng không có nhiều tính năng như tiện ích mở rộng này. Liên kết tải xuống: Firefox
9. Công cụ đếm từ
Điều này thực sự có thể làm được nhiều điều hơn cái tên ngụ ý, vì nó cũng sẽ cho bạn biết có bao nhiêu ký tự và bao nhiêu câu trong một khối văn bản đã chọn (hoặc toàn bộ trang). Liên kết tải xuống: Chrome / Chromium, Firefox
10. Danh sách kiểm tra của nhà phát triển web
Hãy đảm bảo rằng bạn đang tuân theo các nguyên tắc thực hành phát triển web tốt nhất bằng công cụ này. Công cụ này sẽ hiển thị những điểm mà tiêu chuẩn của bạn có thể bị trượt. Liên kết tải xuống: Chrome / Chromium, Firefox
11. Trình chỉnh sửa bản đồ hình ảnh
Là một trong bộ ba tiện ích mở rộng xuất sắc của nhà phát triển người Đức Heinz-Jürgen Boms, tiện ích mở rộng này thực hiện đúng như tên gọi của nó. Bạn có thể tạo bản đồ hình ảnh trực tiếp trong trình duyệt chỉ bằng cách dò tìm các khu vực của hình ảnh mà bạn muốn lập bản đồ. Liên kết tải xuống: Firefox
12. Trình chỉnh sửa khung nâng cao
Một tiện ích mở rộng khác của Heinz-Jürgen Boms, đây thực sự là một công cụ tạo kiểu CSS nơi bạn có thể tạo khung trực tiếp trong trình duyệt bằng cách chỉ định các thuộc tính của nó. Thật đáng để kiểm tra tài liệu hướng dẫn trước khi bắt đầu sử dụng nó. Liên kết tải xuống: Firefox
13. Khởi động Responsive Người giúp đỡ
Đây là một tiện ích mở rộng nhỏ rất đơn giản giúp bạn xem nhanh liệu các điểm dừng của bạn có hoạt động chính xác hay không và chế độ hiện tại đang ở mức khởi động nào. Tất nhiên bạn sẽ chỉ cần tiện ích mở rộng này nếu bạn thực sự làm việc trong Bootstrap. Phiên bản Chrome được phát triển bởi Jonathan Defraiteur và phiên bản Firefox được phát triển bởi Kevin Bon. Liên kết tải xuống: Chrome / Chromium, Firefox
14. Hãy tự mình dùng thử Trình soạn thảo HTML5
Nếu bạn muốn giữ mọi thứ đơn giản và hoàn thành tất cả công việc của mình từ một nơi, thì tiện ích mở rộng này là dành cho bạn. Giàu tính năng, trình soạn thảo nhận biết ngữ cảnh này hoạt động trực tiếp trong trình duyệt và hỗ trợ HTML, CSS và JavaScript. Nó vẫn chưa hoàn hảo, nhưng để chỉnh sửa nhanh chóng và dễ dàng mà không cần phải mở một ứng dụng riêng biệt, nó sẽ hoàn thành công việc. Liên kết tải xuống: Firefox
15. Kính X-Ray
Về mặt kỹ thuật, đây không phải là tiện ích mở rộng, nó thực sự là một bookmarklet. Nhưng nó hoạt động rất tốt, chúng tôi không thể bỏ nó ra khỏi danh sách. Mặc dù được tạo bởi Mozilla nhưng nó hoạt động tốt như nhau trong Chrome vì cả hai trình duyệt đều tuân thủ đầy đủ các tiêu chuẩn. Để sử dụng nó, bạn cần hiển thị thanh dấu trang của mình. Sau đó truy cập trang tải xuống mà bạn có thể truy cập thông qua các liên kết bên dưới và kéo nút X-Ray Goggles vào thanh dấu trang. Sau đó, chỉ cần truy cập bất kỳ trang web nào, kích hoạt dấu trang X-Ray Goggles của bạn, chọn một thành phần trên trang và bạn có thể chỉnh sửa mã cho nó. Liên kết tải xuống: Chrome / Chromium, Firefox
hình ảnh tiêu đề lịch sự của
Nhận xét Responses 0