Bagaimanakah Saya Menyimpan Perubahan CSS Dibuat dalam Chrome DevTools Secara Setempat?

Menyimpan Perubahan CSS Dibuat melalui Panel Gaya Chrome DevTools

Apabila bekerja dengan fail CSS tempatan menggunakan panel Gaya dalam Alat Pembangun Google Chrome, pengguna mungkin menghadapi masalah dengan perubahan yang tidak ditunjukkan dalam panel Sumber. Artikel ini menyediakan penyelesaian kepada masalah ini.

Untuk menyimpan perubahan CSS secara setempat, Chrome membenarkan anda menyepadukan folder setempat ke dalam Ruang Kerja anda. Berikut ialah panduan langkah demi langkah:

1. Tambah Folder ke Ruang Kerja: Dalam panel Sumber DevTools, klik kanan di panel kiri dan pilih "Tambah Folder ke Ruang Kerja ."
2. Benarkan Kebenaran Chrome: Berikan Chrome akses kepada yang ditambahkan folder.
3. Sumber Peta: Navigasi ke tab rangkaian, klik kanan laluan fail CSS dan pilih "Peta ke setempat."

Sebaik sahaja anda telah memetakan sumber, Chrome akan mengutamakan memuatkan versi tempatan fail yang dipetakan selepas memuat semula halaman. Anda kini boleh menyimpan perubahan dengan menekan pintasan Ctrl S standard.

Pilihan Simpan Tambahan:

Untuk fleksibiliti tambahan, pertimbangkan untuk menggunakan sambungan atau alatan untuk menyimpan perubahan CSS yang dibuat melalui Chrome DevTools:

• LiveReload: Mengesan perubahan CSS dan memuatkan semula tetingkap penyemak imbas secara automatik.
• Pemuat Semula CSS: Menyediakan antara muka mesra pengguna untuk menyimpan perubahan, termasuk pilihan untuk menghidupkan dan mematikan perubahan aktif.
• Muat Semula CSS: Sambungan minimalis yang membolehkan anda memuatkan semula fail CSS dengan satu klik.

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