Extensions trình duyệt hữu dụng trong lập trình
26/05/2022 70 lượt xemColorZilla (chrome): giúp bạn detect màu trên trình duyệt chỉ bằng vài vài cú nháy chuột và trỏ tới bất kì đia điểm nào trên trình nội dung trình duyệt và mã màu sẽ tự động được sinh ra
Debugger for Chrome giúp bạn có thể debug lỗi mã chương trình. Nó có nhiều tính năng hữu ích như là thiết lập breakpoints, hiển thị console…
JSON Formatter: Format chuỗi json xuất ra trên trang web nhìn đẹp hơn
WhatRuns giúp chúng ta xác định những công nghệ web đang được sử dụng trên website như framework, công cụ phân tích, plugin của WordPress, Font…
WhatFont giúp chúng ta xác định dễ dàng xác định thành phần của một trang web đang sử dụng font nào
Window Resizer là một công cụ quan trọng giúp chúng ta có thể xây dựng hay kiểm tra tính responsive của trang web trên trình duyệt một cách nhanh chóng như màn hình điện thoại, máy tính bảng, laptop, Desktop…
Web Developer là một trong những số ít được hơn 1 triệu người dùng cài đặt. Nó giúp các lập trình viên web trong việc phát triển và kiểm tra lỗi trang web một cách nhanh chóng. Tiện ích này là nơi tập hợp nhiều công cụ khác nhau như Disable, Cookies, CSS, Forms, Image… Bạn có thể dễ dàng tìm những hình ảnh bị lỗi, không cho phép trang web chạy javascript, kiểm tra CSS có đạt tiêu chuẩn hay không, ẩn tất cả hình ảnh, hiển thị thông tin của các đường dẫn trong trang web hiện tại…
JavaScript and CSS Code Beautifier giúp làm đẹp lại mã CSS và Javascript giúp chúng ta dễ nhìn hơn. Thông thường khi người ta tải một website lên hosting, để tối ưu tốt nhất có thể thì người ta thường nén các file CSS và Javascript bằng cách xóa bỏ những khoảng trắng không cần thiết
Postman là một ứng dụng giúp chúng ta tạo các yêu cầu HTTP đến máy chủ. Nó thật sự hữu ích khi bạn chạy hay kiểm tra API cho chương trình của mình và nó cũng cho phép bạn thực hiện các yêu cầu GET, POST, DELETE, PUT một cách dễ dàng
CSSViewer giúp chúng ta xem thuộc tính CSS của một đối tượng trong trang web một cách tổng quát nhất như màu sắc, font chữ, kích thước, vị trí… Bạn chỉ cần chọn tiện ích này và đưa chuột lên đối tượng mà chúng ta muốn thì thông tin CSS sẽ tự động hiện ra.
+ React Developer Tools, react-detector, Redux DevTools: Bộ 3 extension trên chrome trợ giúp trong việc phát triên một ứng dụng react- redux.
User-Agent Switcher giúp chúng ta có thể kiểm tra trang web của mình trên nhiều thiết bị cũng như những trình duyệt khác nhau mà không cần phải cài đặt thêm bất cứ chương trình bổ sung nào ví dụ như xem trang web của bạn khi hiển thị trên trình duyệt Opera, Safari, Firefox, Internet Explorer…
Checkbot giúp kiểm tra về tốc độ, bảo mật và SEO cho website với nhiều yếu tố đa dạng như là sitemap, 404 page, nội dung trùng lặp, file css javascript, https, url redirects…
Site Palette giúp bạn có thể tự động xuất ra nhiều bảng màu của trang web đang sử dụng ở ngay trên trình duyệt một cách nhanh chóng và dễ dàng.
Web Developer Checklist giúp bạn kiểm tra tất cả các yếu tố cần thiết mà một trang web nên có.
HTML Validator Giúp bạn kiểm tra các đoạn mã HTML trong website để tìm ra lỗi và hướng giải pháp.
daily.dev Giúp bạn nắm bắt thông tin các tin tức quan trọng trong thiết kế, phát triển website với tính năng cập nhật hằng ngày.
Wappalyzer cho phép chúng ta biết website đang sử dụng CMS, ecommerce platform, JavaScript libraries và framework nào.
Grammarly for Chrome Giúp bạn kiểm tra ngữ pháp cho nội dung trong website.
Lưu vào Google Drive Giúp bạn có thể tự động lưu trang web hay hình ảnh trực tiếp vào Google Drive.
Fonts Ninja Hiển thị tất cả các font chữ trên website, cung cấp thông tin đầy đủ về font…
Similarweb Cung cấp nhiều tính năng giúp bạn kiểm tra website như rank web, nguồn traffic, các quốc gia chủ yếu truy cập trang web, check SEO…
Lighthouse Nó là tiện ích hoàn toàn miễn phí giúp bạn có thể kiểm tra tốc độ website, cung cấp các giải pháp để cải thiện website…
Full Page Screen Capture 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
