Bắt đầu sử dụng DevSuite Pro chỉ trong vài cú nhấp chuột
Bắt đầu rất đơn giản. Cài đặt tiện ích, mở bất kỳ trang web nào và truy cập hơn 39 công cụ dành cho nhà phát triển từ cửa sổ bật lên hoặc thanh công cụ nổi. Không cần cấu hình.
Thêm tiện ích vào Chrome
Mở Cửa hàng Chrome trực tuyến và tìm kiếm tiện ích "DevSuite Pro".
Nhấp vào "Thêm vào Chrome", sau đó xác nhận bằng cách nhấp vào "Thêm tiện ích" trong cửa sổ bật lên.
Mở trang web và khởi chạy công cụ
Truy cập bất kỳ trang web nào, sau đó nhấp vào biểu tượng DevSuite Pro trên thanh công cụ hoặc sử cả dụng thanh nổi trên trang.
Chọn bất kỳ công cụ nào từ lưới. Các công cụ như CSS Inspector, Thước kẻ hoặc Trình chọn màu sẽ kích hoạt ngay lập tức trên trang hiện tại.
Tính năng tiện ích
Các tính năng chính của DevSuite Pro
DevSuite Pro cung cấp hơn 39 công cụ dành cho nhà phát triển để kiểm tra trang web, đo lường, thiết kế và phân tích. Tăng tốc quy trình làm việc của bạn với các tính năng mạnh mẽ được tích hợp trực tiếp vào trình duyệt của bạn.
CSS Inspector
Di chuột qua bất kỳ phần tử nào để xem ngay các kiểu CSS của nó và chỉnh sửa trực tiếp, giúp việc gỡ lỗi và điều chỉnh thiết kế theo thời gian thực trở nên dễ dàng.
Nhấp vào bất kỳ phần tử nào để kiểm tra các thuộc tính, kích thước, khoảng cách, phông chữ và màu sắc của nó. Hiểu ngay cấu trúc trang mà không cần mở DevTools của trình duyệt.
Thước kẻ và Đường dẫn
Đo khoảng cách, kiểm tra căn chỉnh và thêm thước kẻ cũng như đường dẫn chính xác từng pixel vào bất kỳ trang web nào để đảm bảo thiết kế của bạn được căn chỉnh hoàn hảo.
Trình chọn màu (Color Picker)
Chọn màu từ bất kỳ phần tử nào trên trang và sao chép các giá trị HEX, RGB hoặc HSL vào khay nhớ tạm của bạn chỉ bằng một cú nhấp chuột.
Chụp ảnh màn hình
Chụp ảnh màn hình toàn trang hoặc vùng hiển thị của bất kỳ trang web nào và tải xuống ngay lập tức — lý tưởng để chia sẻ thiết kế và báo cáo lỗi.
Trình kiểm tra phản hồi
Xem trước trang web ở các kích thước màn hình và độ phân giải thiết bị khác nhau để kiểm tra thiết kế phản hồi mà không cần rời trình duyệt.
Các câu hỏi phổ biến về các tính năng và cách sử dụng tiện ích DevSuite Pro. Nếu bạn có câu hỏi, câu trả lời có thể nằm ở bên dưới.
Làm cách nào để cài đặt DevSuite Pro?
Truy cập Cửa hàng Chrome trực tuyến, tìm kiếm "DevSuite Pro", nhấp vào "Thêm vào Chrome" và xác nhận bằng cách chọn "Thêm tiện ích". Sau khi cài đặt, biểu tượng tiện ích sẽ xuất hiện trên thanh công cụ trình duyệt của bạn. Nhấp vào nó để truy cập hơn 39 công cụ dành cho nhà phát triển ngay lập tức.
Sự khác biệt giữa các công cụ Miễn phí và Pro là gì?
Các công cụ miễn phí (hơn 20 công cụ) dành cho tất cả mọi người mà không cần giấy phép. Các công cụ Pro có biểu tượng PRO màu vàng và yêu cầu giấy phép Pro đang hoạt động để sử dụng. Bạn có thể thấy công cụ nào là miễn phí hoặc Pro trong cửa sổ bật lên — các công cụ miễn phí sẽ không có biểu tượng khóa, trong khi các công cụ Pro sẽ có màu hơi xám cho đến khi bạn kích hoạt giấy phép của mình.
Tại sao công cụ không hoạt động trên một số trang web?
Một số trang web có Chính sách bảo mật nội dung (CSP) nghiêm ngặt nhằm chặn một số hành động của các tiện ích trình duyệt. Điều này đặc biệt phổ biến trên các trang web ngân hàng và chính phủ. Ngoài ra, các trang nội bộ của Chrome (chrome://) không cho phép các tiện ích chạy tập lệnh nội dung.
Các thay đổi tôi thực hiện trên trang có phải là vĩnh viễn không?
Không. Tất cả các thay đổi được thực hiện bởi các công cụ như Di chuyển phần tử, Trình chỉnh sửa văn bản trực tiếp, Xóa/Ẩn phần tử và CSS Inspector chỉ là tạm thời. Chúng chỉ ảnh hưởng đến những gì bạn thấy trong trình duyệt của mình vào lúc này. Làm mới trang sẽ đưa mọi thứ trở lại trạng thái ban đầu.
Làm cách nào để kích hoạt giấy phép Pro của tôi?
Mở cửa sổ bật lên DevSuite Pro, nhấp vào biểu tượng Cài đặt ở góc trên bên phải. Cuộn xuống phần giấy phép, dán mã giấy phép của bạn vào trường nhập và nhấp vào Kích hoạt. Nếu mã hợp lệ, biểu tượng sẽ thay đổi từ FREE sang PRO và tất cả các công cụ pro sẽ được mở khóa ngay lập tức.
Làm cách nào để di chuyển hoặc ẩn thanh nổi?
Bạn có thể di chuyển thanh nổi bằng cách đi tới Cài đặt và chọn một vị trí thanh bên khác — Trên, Dưới, Trái hoặc Phải. Bạn cũng có thể ẩn hoàn toàn thanh nổi bằng cách tắt nút chuyển "Hiển thị thanh nổi trên các trang" trong Cài đặt hoặc nhấn Ctrl+Shift+X bất kỳ lúc nào.
DevSuite Pro có thu thập dữ liệu duyệt web không?
Không. DevSuite Pro không thu thập, theo dõi hoặc truyền tải bất kỳ dữ liệu duyệt web nào của bạn. Tất cả các cài đặt được lưu trữ cục bộ trong trình duyệt của bạn. Yêu cầu bên ngoài duy nhất được gửi trong quá trình kích hoạt mã giấy phép để xác minh mã của bạn với máy chủ của chúng tôi.
Tôi có thể sử dụng DevSuite Pro trong Firefox không?
Có! DevSuite Pro có sẵn trên cả Cửa hàng Chrome trực tuyến và Tiện ích bổ sung Firefox. Nó hoạt động trên Chrome, Edge, Brave và các trình duyệt dựa trên Chromium khác, cũng như Firefox.
