Nếu bạn là lập trình viên không dùng Chrome, bạn thuộc nhóm thiểu số.
Có nhiều lý do ưu tiên trình duyệt này cho lập trình: ảnh hưởng lớn của Google đến hướng phát triển web, tính năng tích hợp làm phát triển bớt chướng ngại, và số lượng khổng lồ tiện ích có sẵn.
Điểm cuối cùng là then chốt. Tính đến tháng 2/2018, Chrome nắm trên 60% thị phần desktop – không ngạc nhiên hầu hết nhà tạo tiện ích tập trung vào Chrome trước. Đó là lý do, đây là những tiện ích Chrome tốt nhất bạn nên dùng nếu là nhà phát triển bất kỳ loại, đặc biệt là web developer.
Tiện ích phát triển chung
1. Session Buddy
Chrome có tính năng tuyệt vời: hồ sơ người dùng tùy chỉnh (custom user profiles) cho phép tạo bộ bookmark, cài đặt, tab, lịch sử riêng biệt. Bạn chắc chắn nên thiết lập một hồ sơ riêng cho lập trình, nếu chưa làm.
Nhưng Session Buddy tiến xa hơn, cho phép lưu "phiên tab" cụ thể và chuyển đổi giữa chúng tùy ý, rất tiện khi làm nhiều dự án cùng lúc.
2. iMacros for Chrome
iMacros là tiện ích tự động hóa tác vụ lặp lại. Bạn "ghi" hành động nhất định (nhấp chuột, nhấn phím), lưu thành macro, chạy khi muốn chỉ với một nhấp. Tiết kiệm thời gian lớn khi điền form, test thay đổi, v.v. Đối với macro ngoài Chrome, khuyến nghị script AutoHotkey.
3. Web Timer
Web Timer theo dõi thời gian bạn dành (hoặc lãng phí) trên các trang web, giúp kìm hãm xu hướng trì hoãn. Chỉ theo dõi khi Chrome ở trạng thái focus, và đủ thông minh để dừng khi bạn idle.
Nếu muốn bộ theo dõi thời gian nâng cao hơn, chúng tôi mạnh mẽ khuyến nghị Toggl đa nền tảng.
4. Awesome Screenshot
Awesome Screenshot là tiện ích all-in-one chụp ảnh màn hình, quay video màn hình, chú thích và làm mờ ảnh chụp, chia sẻ một nhấp. Tính năng nifty: chụp toàn bộ trang web và ghép thành một hình ảnh khổng lồ. Giải pháp cũng hoạt động ngoài Chrome, xem các công cụ tốt nhất tạo screenshot.
5. Marmoset
Marmoset là công cụ vui nhỏ tạo screenshot 3D cho code. Sau khi chụp, bạn xoay, nghiêng, phóng to 3D, làm cho đoạn code thú vị hơn khi chia sẻ. Cũng hữu ích khi tạo hình ảnh stock dựa trên code hoặc xem trước source code trên trang chủ dự án.
Tiện ích phát triển web
6. Web Developer
Nếu chỉ cài một tiện ích hỗ trợ phát triển web, hãy cài cái này. Web Developer đầy ắp tính năng tiện lợi: bật/tắt JavaScript và plugin một nhấp, thay đổi kích thước cửa sổ test responsive design, test và debug hình ảnh, và nhiều hơn.
7. User-Agent Switcher
Trong nhiều tiện ích "user agent switcher" trên Chrome Web Store, cái này tốt nhất. Vẫn được cập nhật, không chiếm đoạt liên kết, đi kèm nhiều chuỗi user agent mặc định, cũng cho phép tạo chuỗi tùy chỉnh. Chỉ tiện ích loại này hoạt động tin cậy.
8. Wappalyzer
Nếu muốn biết công nghệ web nào chạy trang web cụ thể, Wappalyzer cho biết chỉ một nhấp. Nó đủ thông minh để phát hiện CMS (WordPress), framework web (React), công cụ/tiện ích (Google Analytics), nền tảng thương mại điện tử (Shopify), và nhiều hơn.
9. IE Tab
Tính đến 2/2018, hơn 13% người dùng desktop vẫn dùng Internet Explorer, đáng tiếc vì IE xa chuẩn web hiện đại. Đó là lý do bạn cần IE Tab, mô phỏng IE trong tab mới, cho phép test trang web ở các phiên bản: IE6, IE7, IE8, IE9, cộng điều khiển ActiveX. Rất hữu ích nếu cần website tương thích TẤT CẢ trình duyệt, dù cũ đến đâu.
10. Click&Clean
Khi phát triển website, vài thứ phiền toái hơn việc liên tục xóa dữ liệu duyệt để chắc chắn tải thay đổi mới. Click&Clean không chỉ làm nhanh hơn, còn kiểm soát tốt hơn những gì bạn xóa (xóa database và dữ liệu plugin, giữ cookie cho trang nhất định, v.v.).
11. WhatFont
WhatFont là cách nhanh nhất xác định font trên web. Việc chuột phải phần tử, chọn Inspect Element, lướt stylesheet tìm font là một chuyện. Với WhatFont, không chỉ thấy font là gì chỉ bằng cách di chuột qua phần tử, nó còn cho biết font được phục vụ như thế nào (Google Fonts, TypeKit, v.v.).
12. ColorPick Eyedropper
ColorPick Eyedropper là công cụ cho phép zoom và lấy mã màu chính xác của bất kỳ pixel nào trên trang web. Mã màu có sẵn dạng hex, RGB, HSL. Cực tiện, nhanh hơn kiểm tra phần tử xem màu nào dùng trong stylesheet, hoặc tải ảnh xuống chọn màu trong trình chỉnh sửa ảnh.
13. Lorem Ipsum Generator
Khi phát triển web, bạn cuối cùng cần văn bản giả. Trình tạo Lorem Ipsum nhiều trên web, nhưng Lorem Ipsum Generator luôn sẵn sàng ngay trong tab hiện tại. Nhanh, tùy chỉnh số đoạn và câu mỗi đoạn.
14. Check My Links
Cuối dự án web, bạn muốn kiểm tra cuối cùng tất cả trang cốt lõi để chắc chắn mọi liên kết hoạt động. Check My Links làm quá trình dễ dàng nhất. Chỉ nhấp nút, nó quét tất cả liên kết trên trang hiện tại, sau đó highlight từng cái theo trạng thái hỏng hoặc hoạt động.
15. Dimensions
Dimensions hơn là công cụ thiết kế web hơn phát triển web, nhưng vì hai lĩnh vực thường chồng chéo, bạn có thể muốn dùng. Tóm lại, nó đo tức thì khoảng cách giữa hai phần tử web bất kỳ, bao gồm văn bản, hình ảnh, video, trường form. Cũng đo khoảng cách từ con trỏ chuột đến các phần tử hỗ trợ.
Thêm tiện ích Chrome có thể hữu ích
Ngoài trên, chúng tôi mạnh mẽ khuyến nghị tiện ích quản lý tab Chrome và tiện ích năng suất kinh doanh Chrome, hai thứ có thể làm phiền bạn như developer dùng Chrome.
Bạn cũng nên xem bộ sưu tập khổng lồ tiện ích Chrome tốt nhất, bao gồm mọi thứ từ bảo mật đến giải trí, mua sắm đến năng suất chung, và nhiều hơn.