Bantuan AI untuk penataan gaya

Matthias Rohmer
Matthias Rohmer

Gunakan panel Bantuan AI untuk menata gaya guna memahami tata letak situs secara keseluruhan, gaya elemen tertentu, dan mendapatkan perbaikan yang dibuat AI untuk bug CSS.

Buka panel "Bantuan AI"

Panel Bantuan AI akan terbuka di panel samping.

Panel bantuan AI terbuka dalam status defaultnya.

Dari panel Elemen

Untuk membuka bantuan AI dari panel Elemen, saat memeriksa node DOM, klik kanan node, lalu pilih opsi Tanya AI.

Menu konteks elemen dengan 'Tanya AI' ditandai.

Saat Anda membuka bantuan AI seperti ini, elemen DOM yang diperiksa sudah dipilih sebelumnya sebagai elemen konteks untuk percakapan.

Atau, klik tombol mengambang yang terpasang ke node DOM yang diarahkan kursor.

Tombol mengambang yang terpasang ke node DOM.

Dari menu perintah

Untuk membuka Bantuan AI dari menu perintah, ketik AI, lalu jalankan perintah Tampilkan bantuan AI, yang memiliki badge Panel samping di sampingnya.

Menu perintah yang terbuka dengan 'Tampilkan bantuan AI' ditandai.

Dari menu "Fitur lainnya"

Atau, di sudut kanan atas, pilih Opsi lainnya > Alat lainnya > Bantuan AI.

Menu alat lainnya yang terbuka.

Konteks percakapan

Chat dengan bantuan AI selalu terkait dengan elemen yang sedang diperiksa, yaitu elemen terakhir yang dipilih di hierarki DOM panel Elements. Referensi ke elemen ini ditampilkan di sudut kiri bawah panel.

Panel bantuan AI dengan elemen konteks yang ditandai.

Ubah konteks menggunakan tombol pemilih elemen di samping elemen saat ini atau dengan memilih dari hierarki DOM panel Elemen.

Meskipun elemen yang saat ini diperiksa adalah dasar percakapan, bantuan AI memiliki akses ke semua API web untuk mengumpulkan informasi lebih lanjut dari halaman yang diperiksa. Hal ini mencakup membuat kueri elemen lain dengan document.querySelector atau mengevaluasi gaya yang dikomputasi.

Perintah

Saat memulai percakapan baru, bantuan AI untuk gaya visual menawarkan contoh perintah untuk membantu Anda memulai dengan cepat.

Panel bantuan AI dengan contoh perintah yang ditandai.

Klik salah satu perintah untuk mengisi otomatis kolom input perintah di bagian bawah panel.

Atau, ketik perintah atau pertanyaan Anda sendiri ke dalam kolom input.

Untuk mengirim perintah, tekan Enter atau klik panah di sisi kanan kolom input.

Alur percakapan

Mengirim perintah akan memulai percakapan dengan agen gaya visual. Untuk mendapatkan informasi yang diperlukan guna menjawab perintah Anda dengan sebaik mungkin, agen akan membuat dan menjalankan JavaScript yang memanggil API web. Progres agen ditampilkan dalam beberapa langkah. Status langkah awal adalah Investigating….

Panel bantuan AI setelah percakapan dimulai.

Label langkah diperbarui saat agen menjalankan tindakan yang lebih spesifik untuk menjawab pertanyaan Anda.

Setelah agen mendapatkan jawaban akhir, jawaban tersebut akan ditampilkan di bawah langkah-langkah investigasi, termasuk saran untuk perintah tindak lanjut.

Panel bantuan AI dengan jawaban yang diberikan oleh AI.

Klik salah satu perintah yang disarankan untuk melanjutkan percakapan. Klik

dari langkah investigasi untuk mendapatkan pemahaman yang lebih baik tentang apa yang dilakukan bantuan AI di balik layar.

Panel bantuan AI dengan langkah percakapan yang diperluas.

Saat memperluas chip progres, Anda akan melihat kode yang telah dieksekusi agen, bersama dengan nilai yang ditampilkannya. Salin kode yang dieksekusi untuk penggunaan lebih lanjut, seperti mengeksekusinya dengan panel Konsol.

Percakapan yang dijeda

Bantuan AI dapat menghasilkan kode dengan efek samping. Jika hal itu terjadi, percakapan akan dijeda sebelum kode dieksekusi.

Panel bantuan AI dengan percakapan yang dijeda.

Saat percakapan dijeda, tinjau kode yang diusulkan oleh agen. Klik Lanjutkan untuk melanjutkan.

Tidak ada jawaban yang diberikan

Bantuan AI mungkin tidak memberikan jawaban karena berbagai alasan.

Panel bantuan AI dengan percakapan yang ditolak.

Jika Anda merasa perintah Anda adalah sesuatu yang dapat didiskusikan oleh bantuan AI, laporkan bug.

Histori percakapan

Setelah Anda memulai percakapan, setiap jawaban berikutnya didasarkan pada interaksi sebelumnya antara Anda dan AI.

Gunakan kontrol di sudut kiri atas panel untuk mengontrol histori percakapan Anda.

Panel bantuan AI dengan kontrol histori yang ditandai.

Mulai baru

Untuk memulai percakapan baru dengan konteks percakapan yang saat ini dipilih, klik tombol .

Lanjutkan

Untuk melanjutkan percakapan sebelumnya, klik tombol dan pilih dari menu konteks.

Hapus

Untuk menghapus percakapan dari histori, klik tombol .

Memberi rating jawaban dan memberikan masukan

Bantuan AI adalah fitur eksperimental. Oleh karena itu, kami secara aktif mencari masukan Anda untuk mempelajari cara meningkatkan kualitas jawaban dan pengalaman secara keseluruhan.

Panel bantuan AI dengan kontrol rating yang ditandai.

Memilih jawaban

Beri rating jawaban menggunakan tombol Suka dan Tidak suka di bawah jawaban.

Melaporkan jawaban

Untuk melaporkan konten tidak pantas, klik tombol di samping tombol voting.