DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA MEMATIKAN CSS DI CHROME

Pelajari cara mudah untuk mematikan CSS di Google Chrome dalam beberapa langkah sederhana. Fokus pada kompatibilitas dan fitur debugging bawaan Chrome.

Terkadang, sebagai developer web atau pengguna biasa, kamu mungkin ingin mematikan CSS di Google Chrome untuk tujuan debugging atau kompatibilitas. Berikut ini adalah beberapa langkah mudah untuk melakukan itu.

Menggunakan Inspect Element

Cara pertama dan paling sederhana untuk mematikan CSS di Chrome adalah menggunakan fitur inspect element.

  1. Buka Google Chrome dan navigasi ke halaman web yang CSS-nya ingin kamu nonaktifkan.
  2. Klik kanan dimana saja pada halaman dan pilih ‘Inspect’ atau ‘Inspect Element’. Ini akan membuka jendela Developer Tools di sisi kanan atau bawah browser.
  3. Di jendela Developer Tools, klik tab ‘Elements’.
  4. Di tab ‘Elements’, cari dan klik kanan pada elemen <link> yang menunjuk ke file CSS, biasanya di bagian <head> dari kode HTML. Pilih ‘Delete element’ atau ‘Hapus elemen’. Ini akan mematikan CSS untuk halaman tersebut.

Menggunakan Shortcut Keyboard

Alternatif lain, kamu juga bisa menggunakan shortcut keyboard untuk mematikan sebagian besar CSS dalam rilis stabil Chrome.

  1. Buka Developer Tools dengan cara yang sama seperti sebelumnya.
  2. Klik tab ‘Sources’ atau ‘Sumber’.
  3. Di bawah panel ‘Sumber’, ada tab ‘Stylesheets’ atau ‘Lembar Gaya’. Di sana kamu akan melihat daftar semua file CSS yang digunakan oleh halaman.
  4. Klik kanan pada file yang ingin kamu nonaktifkan dan pilih ‘Disable stylesheet’ atau ‘Nonaktifkan lembar gaya’. Ini akan mematikan file CSS tersebut.

Tentu saja, kedua metode ini hanya akan mematikan CSS untuk sesi pembrowsingan saat ini dan tidak memiliki efek permanen. Jika kamu merefresh halaman, CSS akan aktif kembali.

Dengan begitu, mematikan CSS di Chrome bisa sangat bermanfaat, baik untuk tujuan debugging atau penyesuaian tampilan halaman web. Selalu pastikan untuk mengaktifkan kembali semua CSS setelah selesai untuk menghindari tampilan halaman web yang tidak terstruktur.

Semoga panduan singkat ini dapat membantu kamu memahami cara mematikan CSS di Chrome dengan mudah dan cepat. Selamat mencoba!


CSS

Link terkait:

Belajar CSSKoleksi kode CSS

Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding