Google Chrome là một trình duyệt web được sản xuất năm 2008, là một trong những sản phẩm nổi tiếng và thành công của
Google. Nó là một trình duyệt web đa nền tảng với khả năng bảo mật cao cũng như mang đến trải nghiệm tuyệt vời khi duyệt web. Hầu hết mã nguồn của
Chrome đến từ dự án phần mềm nguồn mở và miễn phí
Chromium của
Google, nhưng
Chrome được cấp phép dưới dạng phần mềm miễn phí độc quyền.
Google Chrome cung cấp các tiện ích mở rộng giúp những lập trình viên có thể cải thiện năng suất làm việc cũng như tiết kiệm thời gian và công sức. Dưới đây là một số
Chrome extension tốt dành cho lập trình viê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... Bạn chỉ cần truy cập vào trang mình muốn và click vào biểu tượng whatruns thì các thông tin sẽ hiện ra đầy đủ chưa tới 1 phút.
- 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.
- Colorzilla giúp chúng ta có thể đọc giá trị màu của bất kỳ đối tượng nào trên trang web. Ngoài ra nó còn hỗ trợ một số tính năng hữu ích khác như là tự động sao chép màu vào clipboard, hiển thị lịch sử các màu được chúng ta chọn gần đây, bộ chọn màu nâng cao,...
- 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 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.
- 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.
- Lorem Ipsum Generator giúp chúng ta nhanh chóng tạo một văn bản bằng việc xác định thiết lập số đoạn văn và số dòng mà chúng ta mong muốn. Khi bạn xây dựng các component trong trang web thì việc dùng nội dung để kiểm tra hay xem cách nó hiển thị trên trang web là chuyện thường xuyên xảy ra. Do đó tiện ích này giúp chúng ta có thể tạo ra những nội dung giả chỉ bằng một cú click chuột.
- 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.
- Page Ruler Redux giúp chúng ta lấy kích thước của một đơn vị trên trang web được tính bằng pixel. Nó phù hợp với những bạn thiết kế web khi cần phải lấy chính xác kích thước của một thành phần nào đó trên trang web.
- TinEye Reverse Image Search sử dụng công nghệ nhận dạng hình ảnh giúp bạn tìm kiếm hình ảnh trong trang web với các kết quả là nhiều đường dẫn khác nhau chứa hình ảnh đó đã được thay đổi kích thước, chỉnh sửa hay có độ phân giải khác... Cách thức thực hiện cũng khá đơn giản bạn nhấp chuột phải vào hình mà bạn muốn tìm kiếm và chọn Search Image on TinEye và chờ một tý là chúng ta sẽ có kết quả. The Great Suspender giúp chúng ta tạm dừng các tab không được sử dụng giúp cho trình duyệt có thể chạy mượt mà hơn. Cơ chế hoạt động của The Great Suspender đó là đưa những tab không hoạt trên Chrome vào trạng thái ngủ đông. Sau đó sẽ phân chia dung lượng bộ nhớ của những trang này sang các tab đang hoạt động. Như vậy, chúng ta vẫn có thể mở nhiều tab cùng một lúc mà không lo máy bị ngốn dung lượng, gây ra tình trạng chậm ì ạch khi truy cập.
- Marmoset giúp chúng ta lưu đoạn code trong chương trình dưới dạng hình ảnh. Ví dụ nó sẽ rất tiện lợi khi bạn cần đưa một đoạn code của hàm trong chương trình lên các trang mạng xã hội để chia sẻ. Nó cũng cung cấp thêm một số tính năng như điều chỉnh màu sắc, ngôn ngữ, chủ đề,... để giúp bạn làm hình ảnh đoạn code của mình trông bắt mắt hơn.
- 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,...
- Clear Cache có nhiệm vụ xóa bỏ cache và dữ liệu duyệt web chỉ bằng một cách nhấn chuột. Ngoài ra chúng ta có thể tùy chọn dữ liệu muốn xóa như là bộ nhớ đệm ứng dụng, cookie, lịch sử, cơ sở dữ liệu,...
- React Developer Tools là công cụ gỡ lỗi React được thêm vào công cụ phát triển của Chrome. Nó cho phép bạn kiểm tra các component React một cách dễ dàng và nhanh chóng trong quá trình phát triển website.
- Check My Links giúp chúng ta có thể kiểm tra các đường dẫn bị hỏng(broken link) trong trang web chỉ bằng một cái nhấp chuột.
- 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ó.
- EditThisCookie là chương trình quản lý cookie với nhiệm vụ là giúp bạn có thể thêm, xóa, chỉnh sửa, tìm kiếm, bảo vệ và chặn cookies trên các website.
- 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.
- JSON Viewer giúp bạn có thể thiết kế, tùy chỉnh và quản lý JSON một cách nhanh chóng và dễ dàng.
- Lightshot giúp bạn có thể nhanh chóng chụp màn hình hay các thành phần, toàn bộ website.
- 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
- Image Downloader giúp bạn tải hình ảnh trên website một cách nhanh chóng.
- PerfectPixel giúp bạn có thể xây dựng các thành phần trong website với pixel hoàn hảo.
- Hoverify giúp chúng ta cải thiện trải nghiệm người dùng như kiểm tra HTML, CSS, chỉnh sửa trực tiếp các phần tử, di chuyển các element trong DOM,...
- Evernote Web Clipper là một phần mở rộng trình duyệt cho phép bạn lưu trực tiếp những nội dung thú vị mà bạn bắt gặp trên mạng vào tài khoản Evernote.
- 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.
- Vue.js devtools giúp bạn kiểm tra các đoạn mã Vue Js trong website.
- Redux DevTools giúp bạn debug application khi state thay đổi.
- Save to 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.
- HTTPS Everywhere giúp chuyển đổi tự động các trang HTTP sang HTTPS.
- 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 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,...
