CSS tidak terbaca

tolong bantu para master ? gini saya bingung. Ceritanya saya disini lagi buat projek dengan tim saya. Saya bagian teknisnya. Karena projek ini lebih prefer ke web mobile jadi saya pake Bootstrap. Nah masalah nya disini adalah file css tambahan dari punya saya sendiri kadang tidak terbaca. cara mengatasi nya harus ganti nama file css nya. contoh nya misal seperti ini di index.php saya

 <link rel="stylesheet" href="assets/css/style.css">

dengan file css saya

 p {color : red;}

nah ketika saya misal mau ubah file css seperti ini misal

 p {color : blue;}

tampilan nya tidak merespon / tidak terbaca jadi tidak ada perubahan. jalan satu"nya saya harus mengganti nama file css saya misal menjaid style2.css

 <link rel="stylesheet" href="assets/css/style2.css">

baru perubahan yang saya lakukan itu terjadi. hampir selalu seperti ini, disetiap properti css yang saya ingin ubah. ada yang tahu solusi nya seperti apa ? tolong. karena repot harus mengganti nama file terus menerus

avatar achmadrifanni
@achmadrifanni

6 Kontribusi 2 Poin

Diperbarui 6 tahun yang lalu

8 Jawaban:

Tekan F5 / Tanda panah melingkar, biasanya perlu hard refresh dulu baru kelihatan perubahannya.

avatar riyanxp
@riyanxp

70 Kontribusi 50 Poin

Dipost 6 tahun yang lalu

Pake incognito / privasi / samaran di browser nya gan paling gampang tuh. Semua browser ada gan

avatar markeronly
@markeronly

378 Kontribusi 230 Poin

Dipost 6 tahun yang lalu

Coba kayak gini

 p { color: blue!important;}

Semoga membantu

avatar BroGoeh
@BroGoeh

121 Kontribusi 47 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

kalo ane biasanya pakenya ctrl + f5 gan, biar di refresh cache nya

avatar alfatihmubarok
@alfatihmubarok

1 Kontribusi 3 Poin

Dipost 6 tahun yang lalu

ctrl+shift+r gan

avatar pemudakoding
@pemudakoding

342 Kontribusi 120 Poin

Dipost 6 tahun yang lalu

Ini dapat terjadi karena browser melakukan cache terhadap assets yang mempunyai link yang sama, sehingga tiap kali ada perubahan di dalam proses development, css terkadang tidak berubah sebelum di clear cache nya. Hal ini merupakan issue yang fatal bila terjadi pada web aplikasi production, user bisa melihat style yang berbeda padahal css (atau assets yang lain) sudah di ganti.

Solusinya adalah cache-busting, coba untuk detail nya baca disini https://www.keycdn.com/support/what-is-cache-busting/, singkat nya seperti ini



// dari url
<link rel="stylesheet" href="https://sekolahkoding.com/style.css">

// menjadi
<link rel="stylesheet" href="https://sekolahkoding.com/style.css?v2">

/*

query string '?v2' membuat browser berfikir bahwa alamat itu adalah alamat yang berbeda, sehingga dia harus melakukan request terhadap file tersebut.

*/

Strategi nya, setiap melakukan update file untuk mode production tambahkan cache-busting dengan "kode" yang berbeda.

avatar ma4m
@ma4m

97 Kontribusi 39 Poin

Dipost 6 tahun yang lalu

sama dulu sempet kayak gitu juga, gmna bang ? udah solved ?

avatar lyop
@lyop

4 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

solved gan. terimakasih banyak atas informasi nya semua

avatar achmadrifanni
@achmadrifanni

6 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban