Tăng cường quy trình phát triển nhờ Gemini được tích hợp trực tiếp vào Công cụ của Chrome cho nhà phát triển. Đơn giản hoá quá trình gỡ lỗi bằng tính năng hỗ trợ AI cho việc tạo kiểu, hiệu suất, mạng và nguồn.

Bắt đầu Khám phá câu lệnh

Khó có thể gỡ lỗi các vấn đề về kiểu. Xem nội dung giải thích chi tiết về kiểu của phần tử và nhận trợ giúp để khắc phục lỗi bố cục và kiểu:

Can you center this element?
Tìm hiểu thêm

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. Sử dụng tính năng trợ giúp của AI để tìm hiểu:

Why does this request fail?
Tìm hiểu thêm

Rất hiếm khi bạn viết tất cả mã trên trang web của mình – không chắc một tập lệnh nhất định dùng để làm gì? Trợ lý AI có thể giúp bạn:

What is this file used for?
Tìm hiểu thêm

Chỉ số quan trọng chính của trang web kém? Có thể khó tìm ra nguyên nhân gốc rễ khiến trang web bị chậm. Trợ lý AI có thể điều tra và đề xuất giải pháp cho bạn:

Help me optimize my LCP score
Tìm hiểu thêm

Nhận trợ giúp của AI ở mọi nơi

Tìm nút Hỏi AI để yêu cầu Gemini trợ giúp về việc bạn đang làm.

Bản trình diễn

Hãy xem các bản minh hoạ tương tác của chúng tôi để tìm hiểu cách bắt đầu sử dụng tính năng hỗ trợ AI trong dự án của bạn.
Hãy thử các bản sửa lỗi tạo kiểu dựa trên AI để biến một chiếc máy bay tĩnh thành một kỳ quan bay lượn – đồng thời đảm bảo bạn đã thực hiện các biện pháp an toàn!
Khám phá bản minh hoạ
Bạn có thể chinh phục thanh cuộn định mệnh với sự trợ giúp của AI hay một đội lặn sẽ mãi mãi bị mắc kẹt trong cơn ác mộng về bố cục?
Khám phá bản minh hoạ

Bạn không biết cách bắt đầu?

Khám phá các ý tưởng về câu lệnh cho tính năng hỗ trợ AI trong DevTools. Thử nghiệm với các bản minh hoạ của chúng tôi hoặc thử trên trang web của riêng bạn.

Sửa tỷ lệ khung hình của hình ảnh

Make all teaser images always be 16:9

Một trong các hình ảnh bị cắt theo cách khác với các hình ảnh còn lại?

  • Mở trang chrome.dev/cinemai/devtools/ và mở DevTools.
  • Tìm và chọn phần Tìm hiểu thêm bằng cách xem.
  • Nhấp vào biểu tượng Trợ lý AI.
  • Lời nhắc: Make all teaser images always be 16:9.
  • Nhấp vào Apply the suggested change rồi tiếp tục.
  • Nút phải nằm ở giữa.

Khắc phục vấn đề tràn bộ nhớ

How can I make this element visible?

Phần tử không hiển thị?

  • Mở trang chrome.dev/cinemai/devtools/ và mở DevTools.
  • Tìm phần tử img thợ lặn.
  • Nhấp vào biểu tượng Trợ lý AI.
  • Lời nhắc: How can I make this element visible without scrollbars?.
  • Nhấp vào Apply the suggested change rồi tiếp tục.
  • Người thợ lặn sẽ xuất hiện trên màn hình.

Tìm hiểu về tiêu đề

Are there any security headers present?

Để tìm hiểu thêm về tiêu đề bảo mật của một tài nguyên cụ thể...

  • Mở trang chrome.dev/cinemai/devtools/ và mở DevTools.
  • Trong bảng điều khiển Mạng, hãy chọn các yêu cầuv4-chrome.dev.js.
  • Nhấp vào biểu tượng Trợ lý AI.
  • Lời nhắc: Are there any security headers present?
  • LLM sẽ giải thích các tiêu đề liên quan đến bảo mật trên tài nguyên.

Tìm hiểu chi tiết

Khám phá các video giải thích cách sử dụng tính năng hỗ trợ AI trong Công cụ cho nhà phát triển để giải quyết các vấn đề thường gặp trong quá trình phát triển web.
Khám phá nhật ký trò chuyện liên tục bằng AI trong Chrome 133-135
Hãy cùng Jecelyn, Oliver và Matthias tìm hiểu về tính năng hỗ trợ AI trong Chrome 130-132

Bắt đầu

Đảm bảo bạn đang sử dụng Chrome mới nhất và đã đăng nhập. Bạn phải từ 18 tuổi trở lên và ở một trong những vị trí được hỗ trợ.
Xem các yêu cầu
Tính năng hỗ trợ AI bị tắt theo mặc định. Để bật, hãy chuyển đến phần Cài đặt > Trợ lý AI. Bạn cần đồng ý với Điều khoản dịch vụ của Google để có thể sử dụng tính năng hỗ trợ bằng AI.
Bật các tính năng cải tiến về AI
Bạn có thể sử dụng chính sách dành cho doanh nghiệp để kiểm soát việc dữ liệu được chia sẻ với Gemini có được ghi lại và dùng để huấn luyện hay không
Tìm hiểu cách dữ liệu của bạn được sử dụng

Giúp chúng tôi cải thiện!

Đây là tính năng thử nghiệm và có thể thay đổi trong tương lai. có thể tạo ra thông tin không chính xác hoặc phản cảm. Những thông tin này không thể hiện quan điểm của Google. Hãy bỏ phiếu cho các câu trả lời để giúp chúng tôi cải thiện và tiếp tục gửi ý kiến phản hồi!

Chia sẻ ý kiến phản hồi