15 tiện ích mở rộng Chrome tốt nhất dành cho lập trình viên và nhà phát triển
Nếu bạn là một lập trình viên không sử dụng Chrome, thì bạn là thiểu số. Có rất nhiều lý do để chọn trình duyệt này cho mục đích lập trình, chẳng hạn như tầm ảnh hưởng to lớn của Google đối với hướng đi của web, các tính năng tích hợp sẵn giúp cho việc phát triển bớt khó khăn hơn và số lượng lớn các tiện ích mở rộng có sẵn.
Điểm cuối cùng đó là một điểm quan trọng. Tại thời điểm viết bài này, Chrome nắm giữ hơn 60% thị phần trên máy tính để bàn—không có gì ngạc nhiên khi hầu hết những người tạo tiện ích mở rộng đều tập trung nỗ lực của họ vào Chrome trước tiên. Điều đó nói rằng, đây là những tiện ích mở rộng Chrome tốt nhất mà bạn nên sử dụng nếu bạn là nhà phát triển thuộc bất kỳ loại nào, nhưng đặc biệt là nhà phát triển web.
Mục Lục
Phần mở rộng phát triển chung
1. Phiên bạn thân
Chrome có một tính năng tuyệt vời được gọi là hồ sơ người dùng tùy chỉnh cho phép bạn tạo các bộ dấu trang, cài đặt, tab, lịch sử riêng biệt, v.v. Bạn chắc chắn nên thiết lập một bộ dành riêng cho lập trình nếu chưa có.
Nhưng Session Buddy tiến thêm một bước, cho phép bạn lưu “các phiên tab” cụ thể và chuyển đổi giữa chúng theo ý muốn, điều này rất hữu ích khi bạn đang làm việc trên nhiều dự án.
Tải xuống: Phiên Buddy
2. iMacros dành cho Chrome
iMacros là một tiện ích mở rộng cho phép bạn tự động hóa các tác vụ lặp đi lặp lại. Bạn có thể “ghi lại” một số hành động nhất định (ví dụ: nhấp chuột và nhấn phím), lưu chúng dưới dạng macro, sau đó chạy chúng bất cứ khi nào bạn muốn chỉ bằng một cú nhấp chuột. Nó tiết kiệm rất nhiều thời gian khi điền vào biểu mẫu, kiểm tra các thay đổi, v.v. Đối với macro bên ngoài Chrome, chúng tôi khuyên dùng tập lệnh AutoHotkey.
Tải xuống: iMacros dành cho Chrome
3. Hẹn giờ trên web
Web Timer theo dõi lượng thời gian bạn dành (hoặc lãng phí) trên các trang web khác nhau, điều này có thể giúp hạn chế xu hướng trì hoãn. Nó chỉ theo dõi khi Chrome đang được lấy nét và đủ thông minh để ngừng theo dõi khi bạn không hoạt động. Nếu bạn đang muốn tính thời gian hoạt động trực tuyến tổng thể của mình mà không đi sâu vào chi tiết, hãy thử một trong những bộ tính giờ trực tuyến miễn phí này.
Tải xuống: hẹn giờ web
4. Ảnh chụp màn hình tuyệt vời
Ảnh chụp màn hình tuyệt vời là tiện ích mở rộng tất cả trong một để chụp ảnh màn hình, quay video màn hình, chú thích và làm mờ ảnh chụp và chia sẻ ảnh chụp màn hình của bạn với người khác chỉ bằng một cú nhấp chuột. Một tính năng tiện lợi là khả năng chụp màn hình toàn bộ trang web và ghép tất cả lại với nhau thành một hình ảnh khổng lồ. Để có giải pháp hoạt động bên ngoài Chrome, hãy xem những công cụ tốt nhất này để tạo ảnh chụp màn hình.
Tải xuống: Ảnh chụp màn hình tuyệt vời
5. Chụp nhanh người dùng
Usersnap là một tiện ích mở rộng hữu ích để chụp và chú thích các trang web, nguyên mẫu và ứng dụng ngay từ Chrome. Nó có thể giúp bạn đưa ra phản hồi và báo cáo lỗi một cách hiệu quả. Công cụ này có thể chứng minh tầm quan trọng trong việc cải thiện sản phẩm cuối cùng của bạn thông qua quy trình phản hồi trơn tru.
Tải xuống: người dùng
Tiện ích mở rộng phát triển web
6. Nhà phát triển web
Nếu có một tiện ích mở rộng mà bạn cài đặt để hỗ trợ phát triển web, hãy để nó là tiện ích mở rộng này. Web Developer được tích hợp nhiều tính năng tiện lợi, bao gồm chuyển đổi JavaScript và plugin chỉ bằng một cú nhấp chuột, thay đổi kích thước cửa sổ để kiểm tra thiết kế đáp ứng, kiểm tra và gỡ lỗi hình ảnh, v.v.
Tải xuống: Nhà phát triển web
7. Trình chuyển đổi tác nhân người dùng
Trong số nhiều tiện ích mở rộng “trình chuyển đổi tác nhân người dùng” trong Cửa hàng Chrome trực tuyến, tiện ích này là một trong những tiện ích tốt nhất. Nó được cập nhật thường xuyên và không chiếm đoạt các liên kết. Ngoài ra, nó đi kèm với một số chuỗi tác nhân người dùng mặc định nhưng cũng cho phép bạn tạo các chuỗi tác nhân người dùng tùy chỉnh. Nói tóm lại, đó là một tiện ích mở rộng hoạt động đáng tin cậy.
Tải xuống: Trình chuyển đổi tác nhân người dùng
8. Wappalyzer
Nếu bạn muốn biết loại công nghệ web nào đang cung cấp năng lượng cho một trang web cụ thể, Wappalyzer sẽ cho bạn biết chỉ bằng một cú nhấp chuột. Nó đủ thông minh để phát hiện các CMS (ví dụ: WordPress), khung web (ví dụ: React), công cụ và tiện ích (ví dụ: Google Analytics), nền tảng thương mại điện tử (ví dụ: Shopify), v.v.
Tải xuống: Wappalyzer
9. Tab IE
Microsoft đã ngừng Internet Explorer. Tuy nhiên, nếu dự án của bạn yêu cầu thử nghiệm một trang web trên Internet Explorer vì lý do nào đó, bạn sẽ cần IE Tab, tab này mô phỏng IE trong một tab mới và cho phép bạn thử nghiệm các trang web ở nhiều phiên bản khác nhau, cùng với các điều khiển ActiveX. Thực sự hữu ích nếu bạn cần trang web của mình tương thích với tất cả các trình duyệt, bất kể cũ như thế nào.
Tải xuống: Thẻ IE
10. Nhấp và Dọn dẹp
Khi phát triển một trang web, một số điều còn khó chịu hơn là liên tục xóa dữ liệu duyệt web để đảm bảo bạn đang tải các thay đổi mới. Click&Clean không chỉ làm cho nó nhanh hơn mà còn cung cấp nhiều quyền kiểm soát hơn đối với những gì bạn có thể dọn dẹp (ví dụ: xóa cơ sở dữ liệu và dữ liệu plugin, giữ cookie cho một số trang web nhất định, v.v.).
Tải xuống: Nhấp&Làm sạch
11. Trình tìm phông chữ
Font Finder là một trong những cách dễ nhất và hiệu quả nhất để xác định phông chữ trên web. Bạn có thể nhấp chuột phải vào một phần tử, chọn Kiểm tra phần tử, sau đó xem qua biểu định kiểu để tìm phần tử đó là gì.
Với Font Finder, bạn chỉ cần nhấp chuột phải và chọn Font Finder. Từ đó, bạn có thể nhận danh sách tất cả các phông chữ được sử dụng trên trang web hoặc chỉ các phông chữ được sử dụng trong một khung cụ thể. Bạn thậm chí có thể mở phiên bản tương tác của Trình tìm phông chữ trên bất kỳ trang web nào bằng cách nhấp vào tiện ích mở rộng của nó.
Tải xuống: Trình tìm phông chữ
12. Thuốc nhỏ mắt ColorPick
ColorPick Eyedropper là một công cụ cho phép bạn phóng to và lấy mã màu chính xác của bất kỳ pixel nào trên bất kỳ trang web nào. Mã màu có sẵn ở dạng hex, RGB và HSL. Nó cực kỳ thuận tiện và nhanh hơn nhiều so với việc kiểm tra các yếu tố để xem màu nào đang được sử dụng trong biểu định kiểu hoặc tải xuống hình ảnh và chọn màu trong trình chỉnh sửa hình ảnh.
Tải xuống: ColorPick Eyedropper
13. Trình tạo Lorem Ipsum
Khi phát triển một trang web, cuối cùng bạn sẽ cần một số văn bản giả. Trình tạo Lorem ipsum có rất nhiều trên web, nhưng Trình tạo Lorem Ipsum luôn có sẵn ngay trong tab hiện tại của bạn. Nó nhanh và bạn có thể tùy chỉnh bao nhiêu đoạn bạn muốn và bao nhiêu câu cho mỗi đoạn.
Tải xuống: Máy phát điện Lorem Ipsum
14. Kiểm tra liên kết của tôi
Khi kết thúc dự án phát triển web, bạn sẽ muốn thực hiện lần cuối trên tất cả các trang cốt lõi để đảm bảo tất cả các liên kết của bạn đều hoạt động. Check My Links làm cho quá trình đó trở nên dễ dàng nhất có thể. Chỉ cần nhấp vào nút và nó sẽ quét tất cả các liên kết trên trang hiện tại, sau đó đánh dấu từng liên kết tùy theo việc liên kết đó bị hỏng hay đang hoạt động.
Tải xuống: Kiểm tra liên kết của tôi
15. Kích thước
Thứ nguyên là một công cụ dành cho thiết kế web hơn là phát triển web, nhưng vì cả hai có xu hướng chồng lên nhau nên có thể bạn sẽ muốn sử dụng tiện ích mở rộng này. Nói tóm lại, nó ngay lập tức đo khoảng cách giữa hai thành phần web bất kỳ, bao gồm văn bản, hình ảnh, video và các trường biểu mẫu. Nó cũng có thể đo khoảng cách từ con trỏ chuột đến bất kỳ phần tử web nào được hỗ trợ.
Tải xuống: kích thước
Cải thiện quy trình lập trình của bạn với các tiện ích mở rộng này
Bạn sẽ tìm thấy nhiều tiện ích mở rộng liên quan đến lập trình trên Cửa hàng Chrome trực tuyến, ngoài những tiện ích mở rộng ở trên.
Bạn có thể đã phát triển một giải pháp thay thế cho chức năng của một số tiện ích mở rộng này, nhưng chúng tôi khuyên bạn nên dùng thử vì chúng có thể cải thiện hiệu quả tổng thể của bạn.