Khám phá các trường hợp sử dụng tính năng hỗ trợ AI trong Công cụ cho nhà phát triển của Chrome và tìm hiểu cách tính năng này có thể hỗ trợ quy trình gỡ lỗi của bạn về kiểu dáng, hiệu suất và nhiều khía cạnh khác.

Đọc tài liệu

… để tạo kiểu

Nhận nội dung giải thích chi tiết về bố cục của phần tử và cách sửa đổi bố cục đó bằng các lời nhắc như sau:

How is this element laid out?

Đó có phải là một mục flex không? Phần tử này có được đặt vị trí tuyệt đối không? Liệu đó có phải là một phần của lưới không? Tính năng hỗ trợ AI có thể tóm tắt bố cục của cây phần tử và cung cấp ví dụ về mã để minh hoạ cách sửa đổi bố cục đó.

Ảnh động không hoạt động? Yêu cầu trợ giúp của AI về phần tử ảnh động:

Why is my animation not working?

Tính năng hỗ trợ AI sẽ kiểm tra các thuộc tính CSS, trình nghe sự kiện và nhiều thuộc tính khác có liên quan để tìm ra vấn đề và cung cấp ví dụ về mã để khắc phục vấn đề đó.

MINH HOẠ

Bạn không có dự án nào để thử nghiệm tính năng hỗ trợ tạo kiểu bằng AI? Hãy dùng thử trong DevTools Hangar!

Tìm lời nhắc phù hợp để sửa bánh xe hình chữ nhật, đèn vị trí bị hỏng và động cơ bốc khói để máy bay DevTools bay trở lại.

Khám phá bản minh hoạ

… đối với mạng

Tiêu đề yêu cầu và phản hồi thường chứa thông tin quan trọng không rõ ràng ngay từ đầu. Yêu cầu trợ lý AI giải thích: 

Does this request have any notable headers?

Bạn có bao giờ cảm thấy một yêu cầu nào đó mất quá nhiều thời gian nhưng không biết lý do tại sao không? Yêu cầu trợ lý AI xem xét vấn đề này cho bạn:

Why is this request taking so long?

Trợ lý AI sẽ điều tra thời gian được ghi lại và cho bạn biết nếu có gì đó không ổn.

… để cải thiện hiệu suất

Có thể khó tìm ra nguyên nhân gốc rễ khiến trang web bị chậm. Bạn không hiểu rõ về các đỉnh trong hồ sơ hiệu suất? Tính năng hỗ trợ AI có thể giúp bạn rút gọn cây lệnh gọi:

Anything to improve in this call tree?

… cho nguồn

Rất hiếm khi bạn viết tất cả mã mà trang web của mình sử dụng – không hiểu lý do tại sao một tài nguyên nhất định được tải và tài nguyên đó dùng để làm gì? Trợ lý AI có thể giúp bạn:

What is this file used for?

Cho dù đó là tập lệnh phân tích, tiện ích mạng xã hội hay thư viện thử nghiệm A/B, tính năng hỗ trợ AI sẽ tìm hiểu và tìm ra.