Bagaimanakah Saya Boleh Menyimpan Perubahan CSS Secara Kekal Dibuat dalam Chrome DevTools?

Perubahan CSS yang berterusan daripada Panel Gaya Alat Pembangun Chrome

Pernyataan Masalah:

Tidak dapat menyimpan pengubahsuaian CSS yang dibuat dalam Panel gaya Alat Pembangun Google Chrome, walaupun dokumentasi mencadangkan ia harus dilihat dalam Sumber panel.

Penyelesaian:

Chrome kini menyediakan keupayaan untuk menambah folder setempat pada Ruang Kerjanya. Dengan memanfaatkan ciri ini, anda boleh memetakan sumber web kepada sumber tempatan dan menyimpan perubahan CSS anda terus daripada Alat Pembangun.

Langkah:

1. Tambah Folder ke Ruang Kerja:

   • Navigasi ke Panel Sumber Alat Pembangun.
   • Klik kanan di panel kiri dan pilih "Tambah Folder ke Ruang Kerja."
   • Pilih folder yang mengandungi fail CSS anda.

2. Berikan Akses Chrome:

   • Gesaan akan muncul meminta kebenaran untuk mengakses folder.
   • Berikan akses Chrome.

3. Peta Rangkaian ke Sumber Setempat:

   • Muat semula halaman.
   • Cari fail dipetakan yang sepadan dalam Sumber panel.
   • Klik kanan pada nama fail dan pilih "Peta ke sumber sistem fail."
   • Navigasi ke fail setempat dan pilihnya.

4. Simpan Perubahan:

   • Buat perubahan CSS anda dalam fail dipetakan.
   • Tekan CTRL S untuk menyimpan perubahan.

Nota Tambahan:

• Anda mungkin perlu membuka dan mengedit fail yang dipetakan untuk memulakan aplikasi perubahan setempat.
• Jika anda tidak nampak panel Gaya, klik pada ikon tiga titik di penjuru kanan sebelah atas panel Elemen dan pilih "Tunjukkan gaya."

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyimpan Perubahan CSS Secara Kekal Dibuat dalam Chrome DevTools?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!