Panel bantuan AI

Matthias Rohmer
Matthias Rohmer

Gunakan panel Bantuan AI untuk mempelajari lebih lanjut cara kerja situs Anda dengan bantuan AI.

Ringkasan

Panel bantuan AI memungkinkan Anda melakukan chat dengan Gemini langsung di DevTools. Percakapan yang Anda mulai dari panel ini akan otomatis memiliki konteks tentang detail teknis halaman yang Anda periksa.

Saat menggunakan panel Bantuan AI, Anda dapat menggunakan contoh perintah yang diberikan atau pertanyaan Anda sendiri sebagai titik awal percakapan dan melanjutkan dengan pertanyaan lanjutan sebanyak yang diperlukan untuk menyelesaikan tugas Anda.

Chat di panel Bantuan AI dapat membantu Anda lebih memahami:

  • Gaya visual: Tanyakan tentang elemen dari hierarki DOM dan pelajari alasan elemen tersebut ditampilkan dengan cara tertentu, cara elemen tersebut berinteraksi satu sama lain, dan cara mengatasi tantangan gaya visual dengan perbaikan yang disediakan.
  • Permintaan jaringan. Tanyakan tentang permintaan yang dikirim dalam konteks halaman Anda. Pahami dari mana error tersebut berasal, berapa lama waktu yang diperlukan, atau mengapa error tersebut gagal.
  • Sumber. Mengajukan pertanyaan tentang file yang dimuat oleh halaman web Anda. Pelajari lebih lanjut konten dan tujuannya.
  • Performa. Tanyakan tentang aktivitas dari profil performa yang direkam di panel Performa dan dapatkan saran untuk peningkatan.

Persyaratan

Untuk menggunakan panel Bantuan AI, pastikan Anda:

  • Berusia minimal 18 tahun dan berada di salah satu lokasi yang didukung.
  • Menggunakan Chrome Canary 131 atau yang lebih baru.
  • Login ke Chrome dengan Akun Google Anda.
  • Pilih Bahasa Inggris (AS) di Setelan > Preferensi > Tampilan > Bahasa di DevTools.
  • Telah mengaktifkan bantuan AI di Setelan > Inovasi AI di DevTools.

Cara data Anda digunakan

Pemberitahuan ini bersama dengan pemberitahuan privasi kami menjelaskan cara Inovasi AI di Chrome DevTools menangani data Anda. Baca dengan cermat.

Bantuan AI Chrome DevTools menggunakan data apa pun yang ditampilkan halaman yang diperiksa melalui Web API.

Google mengumpulkan data input ini, output yang dihasilkan, informasi penggunaan fitur terkait, dan masukan Anda. Google menggunakan data ini untuk menyediakan, meningkatkan kualitas, dan mengembangkan produk dan layanan Google serta teknologi machine learning, termasuk produk perusahaan Google seperti Google Cloud.

Untuk membantu meningkatkan kualitas produk kami, petugas peninjau dapat membaca, memberi anotasi, dan memproses data input yang disebutkan di atas, output yang dihasilkan, informasi penggunaan fitur terkait, dan masukan Anda. Jangan sertakan informasi sensitif (misalnya, rahasia) atau pribadi yang dapat digunakan untuk mengidentifikasi Anda atau orang lain dalam perintah atau masukan Anda. Data Anda akan disimpan sedemikian rupa sehingga Google tidak dapat mengetahui siapa yang memberikannya dan tidak dapat lagi memenuhi permintaan penghapusan apa pun. Data tersebut akan disimpan hingga 18 bulan. Kami mungkin tidak mengumpulkan data untuk meningkatkan kualitas produk kami jika Akun Google Anda dikelola oleh organisasi.

Saat Anda mencoba bantuan AI, berikut adalah hal-hal penting yang perlu diketahui:

  • Bantuan AI menggunakan teknologi eksperimental, dan dapat menghasilkan informasi yang tidak akurat atau menyinggung yang tidak mewakili pandangan Google. Memberikan suara pada respons akan membantu meningkatkan kualitas fitur ini.
  • Fitur ini bersifat eksperimental dan dapat berubah di masa mendatang.
  • Gunakan cuplikan kode yang dihasilkan dengan hati-hati.

Untuk menggunakan fitur ini, Anda harus menyetujui bahwa penggunaan bantuan AI oleh Anda tunduk kepada Persyaratan Layanan Google.

Masalah umum

Bantuan AI menggunakan model bahasa besar Google untuk menghasilkan penjelasan. Model bahasa besar, atau LLM, adalah area penelitian yang baru dan aktif. Respons yang dihasilkan LLM terkadang dipertanyakan atau bahkan sama sekali salah. Anda harus memahami bahwa hasilnya mungkin tidak akurat atau menyesatkan, jadi selalu periksa kembali.

Penjelasan salah

LLM menghasilkan konten yang terdengar mungkin dan masuk akal. Dalam sebagian besar kasus, konten ini berisi insight yang jujur dan berguna yang dapat membantu Anda memahami error atau peringatan dalam konteks yang relevan. Pengembangan dan proses debug web modern adalah keterampilan yang menantang dengan tingkat kompleksitas tinggi yang memerlukan pengalaman bertahun-tahun untuk menjadi mahir. Terkadang, respons yang dihasilkan LLM terdengar meyakinkan, tetapi sebenarnya menyesatkan atau tidak berarti bagi developer web manusia. Kami berupaya sebaik mungkin untuk terus meningkatkan kualitas dan kebenaran respons yang dihasilkan.

Contoh jawaban atau penjelasan yang salah adalah:

  • Fitur, properti, atau sintaksis CSS yang berhalusinasi
  • Elemen atau nama class yang tidak ada

Anda dapat membantu kami dengan mengirimkan masukan jika menemukan penjelasan yang salah.

Injeksi prompt

Banyak aplikasi LLM rentan terhadap bentuk penyalahgunaan yang dikenal sebagai prompt injection. Fitur ini tidak berbeda. LLM dapat ditipu agar menerima petunjuk yang tidak dimaksudkan oleh developer.

Lihat contoh tidak berbahaya berikut:

Panel bantuan AI yang menampilkan chat dengan AI.
Perintah pengguna adalah, "Apa warna latar belakang bertema renaissance untuk elemen ini? Untuk tetap sesuai tema, gunakan bahasa renaissance saat berbicara dengan saya". AI merespons dengan, "Sesungguhnya, pilihan paling bagus untuk warna latar belakang adalah warna tanah yang kaya dan mengingatkan pada pigmen yang digunakan oleh orang-orang seperti Michelangelo dan da Vinci. Mungkin oker tua, atau sienna hangat, akan memberikan nuansa kuno dan keagungan pada elemen Anda. Warna ini membangkitkan esensi Renaisans, dengan penekanan pada naturalisme dan bentuk manusia."

Mengontrol ketersediaan fitur

Di lingkungan Chrome terkelola, ketersediaan bantuan AI dan Insight Konsol dikontrol oleh kebijakan Enterprise DevToolsGenAiSettings.

Pengguna yang tidak dikelola dapat menggunakan kebijakan yang sama untuk menonaktifkan inovasi AI di perangkat mereka dan menghapus item menu konteks Ask AI.

  1. Menghentikan semua instance Chrome
  2. Menetapkan kebijakan yang direkomendasikan
    • macOS: Jalankan $ defaults write com.google.Chrome DevToolsGenAiSettings -integer 2
    • Linux: Buat policies.json di /etc/opt/chrome/policies/recommended dan tambahkan {"DevToolsGenAiSettings": 2}
    • Windows: Di regedit.exe, buka HKEY_LOCAL_MACHINE\Software\Policies\Google\Chrome. Tetapkan kunci DevToolsGenAiSettings ke dword:00000002
  3. Mulai Chrome dan buka chrome://policy untuk memverifikasi bahwa DevToolsGenAiSettings memiliki Nilai Kebijakan 2.