Bagaimanakah Saya Boleh Menyimpan Perubahan CSS Dibuat dalam Panel Gaya Chrome DevTools?

Menyimpan Perubahan CSS daripada Panel Gaya Alat Pembangun Chrome

Dalam konteks Alat Pembangun Google Chrome, anda mungkin menghadapi isu di mana perubahan CSS dibuat melalui panel Gaya gagal muncul dalam panel Sumber. Ini amat mengecewakan apabila bekerja secara setempat pada fail CSS.

Untuk menyelesaikan situasi ini, Chrome memperkenalkan penyelesaian yang melibatkan penambahan folder setempat pada Ruang Kerja anda. Dengan berbuat demikian, anda boleh memetakan sumber web kepada sumber tempatan, membolehkan anda mengedit dan menyimpan perubahan secara setempat.

Langkah untuk Menyimpan Perubahan CSS:

1. Tambah Folder ke Ruang Kerja: Klik kanan pada panel kiri tab Sumber dan pilih "Tambah Folder ke Ruang kerja."
2. Benarkan Akses Chrome: Berikan Chrome akses kepada folder yang ingin anda tambahkan.
3. Sumber Rangkaian Peta: Pilih sumber web dalam tab Rangkaian dan petakannya ke sumber tempatan yang sepadan.
4. Buat Perubahan: Muat Semula halaman dan edit fail CSS secara setempat.
5. Simpan Perubahan: Tekan "Ctrl S" (Windows) atau "Cmd S" (Mac) untuk menyimpan perubahan anda.

Petua Tambahan:

• Anda mungkin perlu membuka pemetaan fail dan buat beberapa perubahan untuk mencetuskan pengiktirafan Chrome terhadap sumber tempatan.
• Ciri Ruang Kerja Chrome pada asalnya tersedia melalui saluran Canary tetapi kini disepadukan ke dalam versi pelayar yang stabil.

Tambahan Pihak Ketiga

Semasa Chrome fungsi terbina dalam menyediakan penyelesaian, anda juga boleh mempertimbangkan alat tambah luaran untuk menyimpan perubahan CSS. Pada masa ini, terdapat pilihan terhad untuk Chrome, tidak seperti pelbagai alat penjimat perubahan CSS Firebug. Walau bagaimanapun, alatan pihak ketiga seperti LiveReload dan Stylus menyediakan kefungsian yang serupa dan boleh meningkatkan aliran kerja pembangunan anda.

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