CSS tidak otomatis berubah - harus buka browser baru

ane punya kendala di browser.. barangkali ada yg tau.. ketika ane rubah kode di css (misalnya background-color), effek perubahan nya tidak bisa langsung terlihat di browser.. jadi harus buka browser baru lagi baru kelihatan.

ada kah cara lain.. sehingga ane gk repot buka browser, ctrl + shift + n terus gan..

info browser: chrome

avatar jabbarbie
@jabbarbie

34 Kontribusi 28 Poin

Diperbarui 6 tahun yang lalu

2 Jawaban:

itu karena css tercache di browser. sebenernya ga harus buka browser baru, cukup hard refresh page aja (ctrl+f5 windows).

kalau mau otomatis tanpa hard refresh di htmlnya ditambah `versioning` yang increment setiap ada perubahan di css. jadi browser tau kalau css yg diminta beda dengan yg pernah di load sebelumnya. contoh waktu pertama load browser dibikin begini

<link rel="stylesheet" href="/assets/css/app.css?v=1.0">

ketika css diedit, di html berubah begini

<link rel="stylesheet" href="/assets/css/app.css?v=1.1">

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 6 tahun yang lalu

work it saranya.. keren, baru tau saya.. terima kasih bnyak gan

avatar jabbarbie
@jabbarbie

34 Kontribusi 28 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban