NỘI DUNG BÀI VIẾT
Các trình duyệt hiện đại như Google Chrome không chỉ cung cấp trải nghiệm tốt khi truy cập trang web mà còn cung cấp các công cụ ngon bổ miễn phí cho các lập trình viên web để xây dựng các ứng dụng. Bạn có thể chọn từ một loạt các tiện ích mở rộng trình duyệt, do đó, mình đã thu thập một số tiện ích tốt nhất sẽ giúp các Lập trình viên làm việc hiệu quả hơn, phát triển ứng dụng nhanh hơn hoặc tìm ra bug nhanh hơn.
Và sau đây là list 10 extensions không thể bỏ qua dành cho các web developers.
1. React/Redux and Vue Dev Tools
React.js và Vue.js là các framework JavaScript xịn xò. Nhưng để khai thác toàn bộ sức mạnh của nó, bạn nên sử dụng các phần mở rộng trình duyệt tương ứng.
React Developer Tools có sẵn cho Google Chrome và mở rộng DevTools của bạn. Bạn có thể kiểm tra các thành phần, công cụ và trạng thái của React. Nó thực sự hữu ích cho sự phát triển của React.js!
Nếu bạn đã từng gặp rắc rối với trạng thái ứng dụng của mình, Redux DevTools có thể giúp. Nó có thể được sử dụng với bất kỳ trạng thái xử lý kiến trúc nào và hoạt động đặc biệt tốt với Redux. Tip ở đây là: Kích hoạt tiện ích mở rộng trong Chrome và truy cập các trang web. Ví dụ: Airbnb sử dụng React / Redux và bạn có thể hiểu rõ hơn về cách họ cấu trúc quản lý trạng thái của họ với DevTools. Thật tuyệt phải không?
Vue.js devtools là Vue tương đương với React Dev Tools. Nó rất tiện dụng để debug các thành phần Vue và phải có đối với các LTV Vue.
2. JSONView
Bạn đã bao giờ tự hỏi tại sao dữ liệu JSON trông rất đẹp trong các trình duyệt khác của LinkedIn nhưng không phải trong dữ liệu của bạn chưa? Điều đó có lẽ vì họ sử dụng tiện ích mở rộng JSONView cho Chrome. Nó định dạng JSON thực sự độc đáo và gần như ngay lập tức. Nó chắc chắn là một trong những extensions yêu thích của mình!
Các trình duyệt hiện đại như Google Chrome không chỉ cung cấp trải nghiệm tốt khi truy cập trang web mà còn cung cấp các công cụ ngon bổ miễn phí cho các lập trình viên web để xây dựng các ứng dụng. Bạn có thể chọn từ một loạt các tiện ích mở rộng trình duyệt, do đó, mình đã thu thập một số tiện ích tốt nhất sẽ giúp các Lập trình viên làm việc hiệu quả hơn, phát triển ứng dụng nhanh hơn hoặc tìm ra bug nhanh hơn.
Và sau đây là list 10 extensions không thể bỏ qua dành cho các web developers.
3. Library Sniffer
Library Sniffer là một công cụ tuyệt vời nếu bạn muốn nhanh chóng tìm ra framework hoặc thư viện nào mà ứng dụng web đang chạy. Ví dụ: bạn có thể phát hiện xem một trang web dựa trên WordPress hoặc Drupal hay nếu nó được xây dựng với React.js, Vue.js hoặc AngularJS
4. CSS Scan 2.0
CSS Scan 2.0 là một phần mở rộng hữu ích để kiểm tra và sao chép CSS bằng cách di chuột qua bất kỳ phần tử nào. Nhưng nó đi kèm với một cảnh báo: Nó đòi hỏi phải có lisence
Một thay thế miễn phí là CSS Peeper, cho phép bạn tập trung vào thiết kế thay vì decode.
5. Web Developer
Tiện ích mở rộng Web Developer thêm thanh công cụ vào trình duyệt của bạn với các công cụ dành cho các LTV khác nhau. Bạn có thể vô hiệu hóa những thứ như JavaScript, thay đổi bố cục trang, thao tác hình ảnh và nhiều hơn nữa. Nó có sẵn cho Chrome và Firefox!
Tham khảo khoá học lập trình Java Web trong vòng 6 tháng, đảm bảo 100% công việc đầu ra.
6. WhatFont
WhatFont là một tiện ích mở rộng khá nhỏ xác định phông chữ được sử dụng trên các trang web cho bạn. Tất cả bạn cần làm là kích hoạt phần mở rộng và di chuột qua văn bản. Hết sức đơn giản. Bạn có thể lấy nó cho cả Chrome và Firefox.
7. ColorZilla
ColorZilla có sẵn cho Chrome và Firefox. Nó cung cấp một công cụ tiên tiến, bộ chọn màu, trình tạo độ dốc và hơn thế nữa. Bạn có thể lấy màu của bất kỳ pixel nào trên một trang web, ví dụ. Nó cũng đi kèm với một lịch sử màu sắc và trình xem bảng màu.
8. Site Palette
Tiện ích mở rộng này cho phép bạn trích xuất màu từ bất kỳ trang web nào dưới dạng bảng màu. Nó hỗ trợ một số trình tạo bảng màu, tạo các liên kết có thể chia sẻ, in ra hoặc lưu các bảng màu ở định dạng PDF, v.v.
9. Talend API Tester
Talend API Tester là một tiện ích mở rộng tuyệt vời cho phép bạn tương tác với các API REST, SOAP và HTTP từ trong trình duyệt của bạn – tương tự như Postman, chẳng hạn. Phiên bản miễn phí xử lý tất cả các loại yêu cầu HTTP và cũng hỗ trợ bảo mật và xác thực.
10. Full Page Screen Capture
Bạn đã bao giờ muốn chụp ảnh toàn cảnh trang hiện tại của mình mà không yêu cầu bất kỳ quyền bổ sung nào chưa? Vậy Full Page Screen Capture có thể là phần extension mà bạn đang tìm kiếm. Chỉ cần nhấp vào biểu tượng tiện ích mở rộng hoặc sử dụng phím tắt và được chuyển đến một tab mới, nơi bạn có thể tải xuống kết quả dưới dạng hình ảnh hoặc PDF. Nó thậm chí hoạt động với các yếu tố có thể cuộn hoặc iframe!
Tạm kết
Đó là bộ sưu tập các phần extensions mình rất ưng ý. Mình thực sự hy vọng bạn có thể sử dụng một hoặc nhiều trong số các tiện ích này để hỗ trợ cho công việc hàng ngày của bạn
Nguồn: Medium.com
