Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
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
8 Jawaban:
Tekan F5 / Tanda panah melingkar, biasanya perlu hard refresh dulu baru kelihatan perubahannya.
Pake incognito / privasi / samaran di browser nya gan paling gampang tuh. Semua browser ada gan
Coba kayak gini
p { color: blue!important;}
Semoga membantu
Jawaban Terpilih
kalo ane biasanya pakenya ctrl + f5 gan, biar di refresh cache nya
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.
sama dulu sempet kayak gitu juga, gmna bang ? udah solved ?
solved gan. terimakasih banyak atas informasi nya semua