Trang chủ » Bộ công cụ » 40 Tiện ích mở rộng hữu ích của Google Chrome dành cho nhà thiết kế web

    40 Tiện ích mở rộng hữu ích của Google Chrome dành cho nhà thiết kế web

    Tôi yêu Google Chrome. Sự đơn giản, tốc độ và hiệu suất của nó là đỉnh cao, chắc chắn. Nhưng đôi khi, quá đơn giản cũng là một vấn đề, đặc biệt đối với chúng tôi, những người thiết kế web, những người phụ thuộc rất nhiều vào các addon Firefox như Web Developer. Tôi đã rời khỏi Chrome, vâng, chỉ vì nó không có addon vào năm 2008.

    Nhưng bây giờ, mọi thứ lại thay đổi. Không có gì ngạc nhiên khi các chuyên viên máy tính khác có cùng tình yêu với Chrome và họ đã quyết định tạo Chrome Extension, có chức năng tương tự Firefox Addon. Tôi đã đào sâu vào các phần mở rộng đó và rất hài lòng với chúng, vì vậy tôi quyết định chọn 40 tiện ích mở rộng cực kỳ hữu ích cho các nhà thiết kế web và chia sẻ với các bạn.

    Vì vậy, ở đây họ dành cho bạn, trang bị Chrome của bạn và tăng năng suất của bạn lên.

    Màu

    ColorPicker

    Đúng như tên gọi của nó, ColorPicker là một tiện ích mở rộng tiện lợi được tạo ra chủ yếu để chọn và nhận giá trị của màu từ bất kỳ đâu trên trang web. Ngoài ra, bạn có thể chọn một khu vực sau đó nhấp vào bảng màu để xem màu sắc của khu vực đó thay đổi như thế nào mà không cần chạm vào bất kỳ mã nào.

    Bảng màu Chrome

    Có đau đầu về việc tìm màu sắc từ hình ảnh? Bảng màu Chrome giải quyết vấn đề của bạn một cách hiệu quả bằng cách tạo tối đa 64 bảng màu từ hình ảnh của trang web cho nhu cầu thiết kế hoặc cảm hứng của bạn.

    Tweaker màu

    Color Tweaker có thể sửa đổi màu của trang web như Color Picker, nhưng với một phương pháp cụ thể hơn. Chỉ cần nhập bộ chọn CSS trên tiện ích mở rộng này, sau đó điều chỉnh màu của văn bản, màu nền và màu đường viền theo ý muốn của bạn.

    Kiểu chữ

    Trình chỉnh sửa phông chữ

    Không còn phải chuyển đổi chương trình đoán và mệt mỏi, Font Editor cho phép bạn sửa đổi và quan sát cài đặt phông chữ như kích thước, chiều cao dòng và biến thể sinh động.

    Trình xem trước phông chữ của Google

    Như được chỉ định trong tên của nó, tiện ích mở rộng này cho phép bạn xem trước phông chữ từ Thư mục Phông chữ của Google với các tùy chọn kiểu dáng văn bản là kích thước, kiểu dáng, trọng lượng và bóng. Nếu bạn hài lòng với phông chữ cụ thể, bạn có thể sao chép và dán liên kết và mã CSS được cung cấp trong phần mở rộng vào mã trang web của bạn để sử dụng phông chữ.

    Phát triển

    Nhà phát triển web

    Có lẽ là phần mở rộng phải có cho nhà thiết kế và phát triển web. Từ việc xem tập lệnh để hiển thị thông tin đối tượng, Web Developer nhằm mục đích cung cấp mọi thông tin bạn cần từ một trang web hiện có. Tiện ích mở rộng cũng được trang bị các công cụ hữu ích như bộ chọn màu, trình chỉnh lại cửa sổ, trình xác nhận, v.v..

    Con lắc

    Công cụ dành cho nhà phát triển nhẹ và tiện dụng tương tự như Nhà phát triển web, nhưng chỉ được trang bị các công cụ cần thiết như trình xem kiểu, trình xem nguồn và trình xác nhận.

    Firebird Lite

    Khác với những gì có trong Firefox, Fireorms Lite cung cấp biểu diễn trực quan giống như Firefox khi nói đến các phần tử HTML, phần tử DOM và Chia sẻ mô hình hộp. Nó cũng đi kèm với khả năng kiểm tra các phần tử HTML bằng chuột của bạn và bạn có thể chỉnh sửa các thuộc tính CSS với phần mở rộng này một cách sinh động.

    Stylebot

    Stylebot cấp cho bạn khả năng tạo kiểu trực tiếp cho bất kỳ trang web nào mà không cần chạm vào mã CSS, giúp tiết kiệm rất nhiều công việc đánh máy. Tính năng tốt nhất của tiện ích mở rộng này có lẽ là khả năng tạo mã CSS để bạn sử dụng mỗi khi bạn thực hiện thay đổi cho trang web.

    CSSViewer

    Mệt mỏi vì phải đẩy 'Kiểm tra phần tử' mỗi khi bạn muốn biết kiểu CSS nào được áp dụng cho phần tử nhất định? CSS Viewer giúp bạn bằng cách hiển thị thông tin cần thiết như phông chữ, màu sắc và định vị của phần tử sống động.

    Trình định kiểu lại

    Tải lại biểu định kiểu CSS mà không cần làm mới toàn bộ trang web, giúp tiết kiệm đáng kể thời gian chờ đợi của bạn, đặc biệt đối với nhà thiết kế có kết nối internet chậm.

    Trình biên dịch công nghệ được xây dựng

    Phần thú vị nhất của tiện ích mở rộng này là nó liệt kê mọi công nghệ web được triển khai như khung và tiêu chuẩn web với thông tin rất chi tiết.

    Thẻ IE đa

    Được chứng minh là tương tự nhất với Internet Explorer ban đầu, IE Tab Multi là Internet Explorer của bạn trong Chrome hỗ trợ hàng tấn tính năng mặc định của IE như đa tab.

    Trình chỉnh lại cửa sổ

    Với Window Resizer, bạn có thể kiểm tra khả năng tương thích độ phân giải màn hình của trang web với độ phân giải màn hình tiêu chuẩn hoặc do người dùng xác định.

    Trình xác thực HTML

    Một trong những tiện ích mở rộng trình xác nhận tốt nhất có thể xác thực mã HTML của trang web trực tuyến hoặc localhost ở chế độ tự động hoặc thủ công. Bạn cũng có thể chọn hiển thị kết quả xác thực trong trang web hoặc xem nó trong một tab hoàn toàn mới.

    Thị giác

    Với các tùy chọn chủ đề và phông chữ khác nhau, Sight làm nổi bật mã nguồn của trang web thành một hình thức trực quan hơn.

    Bảng điều khiển PHP

    Bị lỗi bởi erros PHP nhưng không biết nó là gì và ở đâu? Bảng điều khiển PHP hỗ trợ bạn bằng cách hiển thị lỗi, ngoại lệ và thông báo gỡ lỗi trong biểu mẫu thông báo.

    Tìm kiếm API JavaScript

    Tìm kiếm API JavaScript thêm hỗ trợ cho Thanh địa chỉ Chrome, hay còn gọi là thanh địa chỉ để tìm kiếm các chức năng JavaScript trực tuyến với tính năng tự động hoàn tất. Nếu tiện ích mở rộng không thể tìm thấy chức năng bạn đang tìm kiếm, nó sẽ gợi ý thêm cho bạn các tìm kiếm liên quan từ Tìm kiếm mã, phát triển và mã hóa của Google và tìm kiếm Mạng của nhà phát triển Mozilla.

    Tìm kiếm API jQuery

    Mặc dù jQuery đã tự chứng minh là thư viện Javascript hàng đầu giúp cải thiện trải nghiệm người dùng, Tìm kiếm API jQuery cung cấp cho bạn khả năng tìm kiếm qua API jQuery từ Chrome Omnibox. Chỉ cần nhập 'jq' theo sau là khoảng trắng trong thanh địa chỉ, sau đó bạn đang di chuyển.

    Tìm kiếm PHP

    Tương tự như Tìm kiếm API jQuery, tiện ích mở rộng này thêm hỗ trợ cho Thanh địa chỉ Chrome của bạn để tìm kiếm mã PHP để bạn sử dụng tham khảo.

    Năng suất

    Tập Trung

    Mong muốn giữ cho mình tránh xa thời gian lãng phí trang web nhưng không bao giờ làm điều đó thành công? Luôn tập trung đóng vai trò là người giám sát ảo của bạn chặn trang web lãng phí thời gian trong một thời gian nhất định và khuyên bạn nghiêm túc khi bạn cố gắng bỏ chặn hoặc giảm thời gian chặn cho trang web. Nó cũng được trang bị tính năng quan trọng như tùy chọn hạt nhân và chế độ thử thách giết chết thời gian của bạn một cách lãng phí một cách tàn nhẫn.

    PopChrom

    Với PopChrom, bạn có thể xác định các phím tắt của riêng mình cho các cụm từ văn bản, chẳng hạn như 'ty' để 'cảm ơn'. Khóa kích hoạt là cần thiết để chuyển đổi từ viết tắt thành các cụm từ văn bản đã xác định, vì vậy hãy chọn tổ hợp phím không gặp sự cố với phím tắt khác.

    Bộ năng suất Quickrr

    Quickrr Productivity Kit cung cấp cho bạn một gói các công cụ cơ bản nhưng hữu ích như trình dịch, máy tính, công việc phải làm, trình chuyển đổi đơn vị, v.v..

    Người theo chủ nghĩa

    Với tài khoản dễ cài đặt, bạn có thể truy cập vào trình quản lý tác vụ này để ghi lại và chỉnh sửa mọi tác vụ bạn cần hoàn thành. Phần tốt nhất của tiện ích mở rộng này là các tác vụ của bạn được lưu trữ trực tuyến để bạn có thể truy cập vào bản ghi tác vụ trên mọi Chrome có cài đặt tiện ích mở rộng này.

    Đồng hồ bấm giờ Ananke

    Theo dõi thời gian của bạn dành cho một số nhiệm vụ nhất định hoặc ghi lại thời gian bạn dành cho trang web cụ thể. Đồng hồ bấm giờ Ananke cũng hỗ trợ theo dõi nhiều lần và cho phép bạn duyệt qua những gì bạn đã theo dõi trong quá khứ.

    Hộp công cụ Chrome

    Được tạo bởi Google, Chrome Toolbox mang đến cho bạn các tính năng tùy chỉnh như sửa đổi hành vi tab, khôi phục dữ liệu biểu mẫu và tạo lối tắt để khởi chạy các liên kết được xác định trước từ thư mục dấu trang.

    Trang Chrome mở rộng

    Không ai thích nhấp nhiều hơn để truy cập trang nhất định, Chrome Page Extended là lối tắt nhanh nhất của bạn để truy cập tất cả các trang Chrome cần thiết như Tiện ích mở rộng.

    Xuất hiện

    Với AppJump, bạn có thể tổ chức và nhanh chóng khởi chạy ứng dụng Chrome từ thanh công cụ của trình duyệt.

    Bộ chuyển đổi dấu trang

    Quá nhiều dấu trang và không thể tổ chức chúng một cách hiệu quả? Boorkmark Bar Switcher cho phép bạn tạo thanh dấu trang hoàn toàn mới và dễ dàng chuyển đổi giữa chúng.

    TabCloud

    Lưu các phiên windows của bạn và khôi phục chúng sau này trên bất kỳ máy tính nào có TabCloud, giúp bạn tiết kiệm rất nhiều thời gian từ việc mở lại trang web khác nhau từ một phần khác nhau của thư mục dấu trang.

    Tái cung cấp

    Trang tương tự

    Được phát triển bởi công cụ tìm kiếm khổng lồ Google, Các trang tương tự tìm kiếm trên web cho nội dung web tương tự mà bạn đang đọc và quan tâm để khám phá thêm.

    Tìm kiếm toàn cầu

    Việc cung cấp lại hoặc tham chiếu dễ dàng hơn với Tìm kiếm chung, cung cấp cho bạn hộp tìm kiếm với tùy chọn để tìm kiếm trên Wikipedia, Bing và các công cụ tìm kiếm khác. Hộp tìm kiếm cũng sẽ bật lên khi bạn đánh dấu bất kỳ văn bản nào từ trang web bạn hiện đang xem.

    Ảnh chụp màn hình tuyệt vời

    Một tiện ích mở rộng ảnh chụp màn hình hoàn toàn tuyệt vời có thể chụp bất kỳ phần nào của trang web và chú thích nó với hình chữ nhật, hình tròn, mũi tên, dòng và văn bản. Sau đó, bạn có thể xuất ảnh chụp màn hình ở định dạng tệp PNG sang máy tính hoặc web của bạn.

    Clip để Evernote

    Tiện ích mở rộng chính thức của Evernote để ghi lại và ghi chú khám phá của bạn trên web sau đó tải lên Evernote. Tiện ích mở rộng cũng hỗ trợ tính năng tìm kiếm và đồng bộ hóa ghi chú đã lưu của bạn.

    Diigo

    Sử dụng Diigo để làm nổi bật, chú thích hoặc đăng các ghi chú dán riêng tư hoặc công khai lên trang web để bạn có thể xem nó bất cứ khi nào bạn truy cập vào trang web.

    Nhà tư tưởng

    Hãy nghĩ Thinkery như bộ não trực tuyến của bạn, sau đó lưu địa chỉ liên kết và lựa chọn văn bản của bạn vào đó để xem sau.

    ghi chú của tôi

    Ghi chú phải là một quá trình dễ dàng và có thể với myNote cho phép bạn đánh dấu văn bản đã chọn chỉ bằng một cú nhấp chuột vào menu ngữ cảnh.

    Microstock Photo Power Search

    Có lẽ là phần mở rộng tìm kiếm duy nhất để bạn tìm kiếm ảnh chứng khoán chất lượng cao từ các cơ quan nổi tiếng như Fotolia, Dreamstime và Shutterstock.

    Suy tư

    Khi các tiện ích mở rộng và ứng dụng Chrome tiếp tục phát triển và phát triển mạnh mẽ, có thể ngày càng nhiều người yêu thích Firefox sẽ nắm lấy Google Chrome làm trình duyệt web mặc định của họ. Như đã nói, bạn sẽ biến khuôn mặt của mình thành Google Chrome với số lượng tiện ích mở rộng và ứng dụng hiện tại chứ? Tiện ích mở rộng, ứng dụng hoặc tính năng nào sẽ thúc đẩy bạn chuyển sang Google Chrome?

    Đồng thời chia sẻ với chúng tôi nếu bạn có tiện ích mở rộng tuyệt vời trong Chrome của mình, luôn có một không gian cho công cụ tuyệt vời!