Untuk para developer (programmer) yang masih memiliki jam terbang belum banyak dalam penerapan CSS di aplikasi web, maka refresh CSS untuk melihat tampilan dilayar secara interaktif sangat diperlukan sekali.
Pemrograman melalui browser modern saat ini, pada umumnya browser menyimpan cache semua aktifitas front end seperti PHP, Javascript dan style sheet CSS. Aplikasi-aplikasi web (APPS) akan selalu melakukan cache statis ini untuk meningkatkan kinerja situs web mereka. Tapi ini bisa sangat menjengkelkan saat seseorang programmer pemula sedang dalam pembuatan sebuah proyek dan terus memodifikasi script-script PHP, Javascript dan CSS tidak dapat melihat perubahan tampilan dilayar. Satu-satunya cara untuk melihat perubahan secara interaktif adalah dengan melakukan short-cuts refresh untuk menghapus cache sebuah browser.
Sistem browser saat Anda melakukan perubahan pada sebuah script CSS, maka sistem tidak segera otomatis mengubah tampilan layarnya karena caching statis. Short-Cuts Refresh adalah cara untuk membersihkan suatu cache, sehingga tampilan layar versi perubahan terbaru dapat terlihat.
Pada Chrome dengan OS Windows / Linux penyegaran cepat yang dilakukan dengan menggunakan tombol short cut berikut:
1. Tahan Ctrl dan klik tombol Reload.
2. Tahan Ctrl dan tekan F5.
3. Menekan F12. Kemudian klik kanan pada tombol refresh.
Untuk Komputer Mac:
Tekan ⇧ Shift dan klik pada tombol Reload.
atau Tekan ⌘ Cmd dan tombol ⇧ Shift lalu tombol R.
Pada Mozilla Firefox dengan OS Windows/Linux:
Tekan tombol CTRL dan F5 atau Ctrl + ⇧ Shift + R.
Untuk Mac:
Tekan tombol ⇧ Shift lalu klik pada button Reload.
atau Tekan ⌘ Cmd dan tombol ⇧ Shift lalu tombol R.
Internet Explorer:
Tekan ⇧ Shift dan klik pada tombol Reload.
Tekan CTRL lalu lalu klik pada button Refresh.
Sumber:
https://www.getfilecloud.com/blog/2015/03/tech-tip-how-to-do-hard-refresh-in-browsers
