Chrome gần đây đã chiếm 25% thị phần trình duyệt Internet, trở thành trình duyệt được sử dụng nhiều thứ hai trên thế giới sau Internet Explorer (đang phát triển thành Project Spartan). Cuối cùng, điều này có nghĩa là Chrome là trên thực tế nhà cho các nhà phát triển web.
Mặc dù tôi là một phần của Firefox, nhưng tôi có thể đánh giá cao lý do tại sao mọi người yêu thích Chrome. Nó có xu hướng thống trị các điểm chuẩn của trình duyệt và giúp những người bình thường dễ dàng trở thành người dùng thành thạo của Chrome. Những người khác thực sự ghét Chrome nhưng vẫn gặp khó khăn khi sử dụng nó do tính sẵn có của một số tiện ích mở rộng.
Đó là một lý do tại sao Chrome rất tốt cho các nhà phát triển web:Cửa hàng Chrome trực tuyến và nhóm các tiện ích mở rộng của nó. Nếu bạn đã từng lên kế hoạch thiết kế hoặc viết mã một trang web, đây là một số công cụ cần thiết mà bạn nên cài đặt ngay lập tức.
ColorZilla
![Xây dựng nó:11 Tiện ích mở rộng Chrome tuyệt vời dành cho nhà phát triển web](/article/uploadfiles/202204/2022040610280281.jpg)
ColorZilla bắt đầu như một tiện ích bổ sung của Firefox, nhưng nó đã trở nên phổ biến đến mức nhiều người yêu cầu phiên bản Chrome. Bây giờ chúng tôi ở đây. Phần mở rộng tiện dụng này về cơ bản là phiên bản nâng cao của công cụ nhỏ mắt mà bạn sẽ tìm thấy trong một chương trình như Paint hoặc Photoshop.
Với nó, bạn có thể trỏ đến bất kỳ vị trí nào trong trình duyệt của mình và ngay lập tức kéo thông tin về màu sắc tại vị trí đó. Sau khi kéo, bạn có thể tinh chỉnh nó (cho dù bằng RGB, HSV hay hex thẳng) trước khi sao chép nó vào khay nhớ tạm. Cực kỳ dễ sử dụng.
Nó cũng đi kèm với CSS Gradient Generator, một Webpage Color Analyzer và một vài bảng màu được cài đặt sẵn để thuận tiện cho bạn.
Trình chỉnh sửa cửa sổ
![Xây dựng nó:11 Tiện ích mở rộng Chrome tuyệt vời dành cho nhà phát triển web](/article/uploadfiles/202204/2022040610280295.jpg)
Một trong những mối nguy hiểm của nhà phát triển web là đảm bảo rằng trải nghiệm xem trang web thú vị cho người dùng trên tất cả các loại thiết bị. Chúng tôi không chỉ nói về thiết bị di động so với máy tính để bàn - mà là quan trọng - nhưng cũng là sự khác biệt giữa máy tính bảng nhỏ và màn hình lớn.
Công cụ chỉnh sửa cửa sổ là một cách dễ dàng để thay đổi kích thước cửa sổ trình duyệt một cách nhanh chóng. Khi nhấp vào một nút, bạn sẽ có thể kiểm tra trang web của mình ở nhiều độ phân giải khác nhau để xem người dùng của bạn đang nhìn thấy gì - và sau đó bạn có thể điều chỉnh cho phù hợp.
IE Tab
![Xây dựng nó:11 Tiện ích mở rộng Chrome tuyệt vời dành cho nhà phát triển web](/article/uploadfiles/202204/2022040610280387.jpg)
Một nguy cơ lớn khác của nhà phát triển web là các tiêu chuẩn trình duyệt (hoặc thiếu tiêu chuẩn đó). Internet Explorer, Firefox, Chrome, Opera và tất cả các trình duyệt nhỏ khác sẽ hiển thị các trang web theo những cách hơi khác nhau. Trong khi đó, một số trình duyệt chậm áp dụng các tiêu chuẩn hơn những trình duyệt khác.
Hoặc trong trường hợp của Internet Explorer, các tiêu chuẩn được đưa ra ngoài cửa sổ và các nhà phát triển web bị buộc phải vò đầu bứt tóc vì họ buộc phải chuẩn bị cho phù hợp.
Với IE Tab , quá trình này được thực hiện dễ dàng hơn một chút. Nó cho phép bạn xem một trang web trong tab Chrome mới, nhưng được hiển thị như nó sẽ xuất hiện trong IE. Không phải là một giải pháp mang tính cách mạng cho vấn đề của IE, nhưng ít nhất nó là một cái gì đó.
Tính hợp lệ
![Xây dựng nó:11 Tiện ích mở rộng Chrome tuyệt vời dành cho nhà phát triển web](/article/uploadfiles/202204/2022040610280360.jpg)
Không phải tất cả mã HTML đều như nhau. Mặc dù các trình duyệt đóng một vai trò quan trọng trong việc tuân thủ các tiêu chuẩn, nhưng một phần trách nhiệm cũng thuộc về nhà phát triển web để tuân theo các phương pháp HTML tốt. Đó là lý do tại sao có các công cụ để kiểm tra và xác thực HTML.
Tính hợp lệ là một tiện ích mở rộng cho phép bạn làm tất cả những điều đó mà không cần phải truy cập vào bất kỳ trang web của bên thứ ba nào. Chỉ cần mở trang web của bạn, nhấp vào nút và nó sẽ hiển thị tất cả các thông báo HTML không hợp lệ trong bảng điều khiển của trình duyệt. Việc xác thực được thực hiện thông qua Dịch vụ xác thực W3C.
BuiltWith
![Xây dựng nó:11 Tiện ích mở rộng Chrome tuyệt vời dành cho nhà phát triển web](/article/uploadfiles/202204/2022040610280360.jpg)
Một điều tôi ghét về phát triển web là có rất nhiều thư viện, khuôn khổ và công cụ có sẵn để sử dụng. Tự do lựa chọn là điều tuyệt vời, nhưng thật khó khăn khi số lượng công nghệ trở nên quá lớn khiến bạn không thể theo kịp tất cả chúng.
Bạn đã bao giờ truy cập một trang web và tự hỏi công nghệ cơ bản là gì chưa?
Được xây dựng với tiện ích mở rộng là một nút duy nhất phân tích trang web hiện tại để xem tất cả thư viện web, khuôn khổ và công cụ cung cấp năng lượng cho nó, bao gồm mạng quảng cáo, nền tảng phân phối nội dung và thậm chí cả phần mềm lưu trữ đằng sau tất cả.
Ứng dụng khách Postman REST [Không còn nữa]
Đối với những người bạn đang làm việc với API REST, Người đưa thư là một công cụ bạn cần để có một quy trình làm việc được sắp xếp hợp lý. Với nó, bạn có thể tạo các yêu cầu HTTP và nhận các phản hồi được định dạng trong JSON và XML. Các câu trả lời được mở trong một cửa sổ riêng biệt dưới dạng HTML.
Bạn cũng có thể nhóm nhiều yêu cầu thành một thứ gọi là tập hợp, đây là một cách tuyệt vời để luôn có tổ chức và hiệu quả. Bạn cũng có thể kiểm tra trên nhiều môi trường bằng cách chuyển đổi các biến môi trường ngay bên trong tiện ích mở rộng.
Corporate Ipsum
![Xây dựng nó:11 Tiện ích mở rộng Chrome tuyệt vời dành cho nhà phát triển web](/article/uploadfiles/202204/2022040610280462.jpg)
Một cách để tạo văn bản bổ sung là sao chép và dán "asdf" lặp đi lặp lại hàng trăm lần. Một cách tốt hơn sẽ là cài đặt Corporate Ipsum và để nó tạo ra văn bản bổ sung cho bạn trong nháy mắt.
Chúng tôi đã đề cập đến một số trình tạo Lorem Ipsum trước đây, nhưng điểm hấp dẫn của Corporate Ipsum là nó nằm ngay trong trình duyệt của bạn. Bạn có thể kéo nó lên chỉ với một lần bấm nút. Không có lý do gì để không sử dụng nó, nếu bạn hỏi tôi. Bây giờ bạn có thể quay lại để thực sự mã hóa trang web của mình!
TabCloud
Việc phát triển web đôi khi xảy ra trên nhiều máy. Mặc dù kiểm soát nguồn dành cho nhà phát triển là cách chính để luôn được đồng bộ hóa và cập nhật, nhưng điều gì sẽ xảy ra nếu bạn muốn chuyển nhiều tab trên các máy tính? Đó là nơi TabCloud đi vào.
TabCloud đồng bộ hóa các tab của bạn với đám mây, cho phép bạn mở lại chúng ở nơi khác. Nó cũng có thể được sử dụng cục bộ như một trình bảo vệ phiên, cho phép bạn lưu trữ một tập hợp các tab để truy cập lại sau này. Các tab được lưu vào tài khoản Google của bạn.
WhatFont
![Xây dựng nó:11 Tiện ích mở rộng Chrome tuyệt vời dành cho nhà phát triển web](/article/uploadfiles/202204/2022040610280400.jpg)
Thiết kế phông chữ là một thành phần quan trọng trong quá trình phát triển web, đó là lý do tại sao các dịch vụ như Google Web Fonts lại trở nên phổ biến. Tin tốt là những phông chữ miễn phí này hiện là một số phông chữ web đẹp nhất hiện có.
Nhưng hãy thừa nhận điều đó:đôi khi bạn đang duyệt web và bạn bắt gặp một phông chữ tuyệt đẹp mà bạn chưa từng thấy trước đây. Có rất nhiều cách để xác định nó, nhưng cách nhanh nhất là sử dụng WhatFont . Với nó, bạn có thể kiểm tra phông chữ đơn giản bằng cách di chuột qua chúng . Làm thế nào nó có thể dễ dàng hơn?
Ảnh chụp màn hình tuyệt vời [Không còn nữa]
![Xây dựng nó:11 Tiện ích mở rộng Chrome tuyệt vời dành cho nhà phát triển web](/article/uploadfiles/202204/2022040610280453.jpg)
Nếu ảnh chụp màn hình không phải là một phần của quy trình phát triển web thông thường của bạn, Ảnh chụp màn hình tuyệt vời sẽ giúp thay đổi điều đó. Chụp ảnh màn hình là cách tuyệt vời để ghi lại những thay đổi trong thiết kế và chia sẻ công việc đang tiến hành với khách hàng hoặc các thành viên trong nhóm của bạn.
Tiện ích mở rộng này có một số chức năng chụp, bao gồm toàn trang, vùng đã chọn hoặc vùng hiển thị. Nó cũng cho phép bạn thêm chú thích, làm mờ các phần nhạy cảm của hình ảnh và chia sẻ chỉ bằng một cú nhấp chuột. Hoặc tải lên Google Drive của bạn.
Nếu khái niệm này khiến bạn tò mò nhưng bạn muốn sử dụng một chương trình máy tính để bàn mạnh mẽ hơn, hãy xem so sánh công cụ chụp màn hình này và bắt đầu sử dụng công cụ phù hợp nhất với bạn.
Kiểm tra Liên kết của tôi
![Xây dựng nó:11 Tiện ích mở rộng Chrome tuyệt vời dành cho nhà phát triển web](/article/uploadfiles/202204/2022040610280527.jpg)
Rất nhiều lỗi phát triển web sẽ khiến khách truy cập của bạn thất vọng và các liên kết bị hỏng là một trong những lỗi tồi tệ nhất. Một liên kết bị hỏng có thể không sao, nhưng nhiều hơn thế nữa và trang web của bạn bắt đầu mất uy tín và danh tiếng. May mắn thay, đây là một sai lầm dễ dàng tránh được.
Kiểm tra các liên kết của tôi thực hiện chính xác những gì nó hứa hẹn:nó kiểm tra các liên kết của bạn. Các liên kết hợp lệ được đánh dấu màu xanh lá cây trong khi các liên kết bị hỏng được đánh dấu màu đỏ và ở cuối nó sẽ cho bạn điểm phần trăm. Tất cả những gì bạn phải làm sau đó là đi và sửa các liên kết đó!
Bạn sử dụng những tiện ích mở rộng nào?
Một tiện ích mở rộng khác cho năng suất mà tôi muốn giới thiệu là StayFocusd. Nó giống một tiện ích mở rộng cho mục đích chung hơn là một tiện ích mở rộng phát triển web, nhưng nó chắc chắn hữu ích bất kể. Nó giúp bạn không bị phân tâm bởi trang web trong khi làm việc!
Bạn nghĩ gì về những điều này? Có bất kỳ tiện ích mở rộng phát triển web cần thiết nào khác mà bạn đề xuất không? Chia sẻ với chúng tôi trong phần bình luận bên dưới!