CSS tidak memperbarui di browser ketika saya mengubahnya

14

Saya sedang mengerjakan CSS situs wordpress saya. Saat saya melakukan perubahan dan menyegarkan halaman, perubahan itu tidak tercermin. Ketika saya menghapus riwayat browser dan cache perubahan masih tercermin. Ketika saya melihat kode sumber halaman dan melihat file css itu memiliki konten lama sebelum perubahan. Bagaimana cara saya memperbarui ini agar saya dapat mengembangkan?

theme-development css David Tunnell
sumber
Apakah Anda menjalankan plugin caching? File CSS Anda dapat di-cache di server.
Pat J
Tampaknya saya tidak memiliki plugin caching.
David Tunnell
Apakah itu berfungsi jika Anda tidak menggunakan WordPress? Misalnya, file yang dipanggil test.htmldan .cssfile terkait ?
Pat J
Jika salah satu jawaban membantu Anda memecahkan masalah, pastikan untuk menerimanya!
mrwweb

Jawaban:

14

Tambahkan nomor versi acak di akhir file css yang Anda lampirkan. Jika Anda menggunakan fungsi ' wp_enqueue_style ' atau wp_register_style , berikan nomor acak (versi) rand(111,9999)ke parameter ke-4. Jika Anda melampirkan css sebagai tag html, Anda harus menambahkan " ?ver=<?php echo rand(111,999)?>" di akhir nama file. Contohnya ada di sini

wp_register_style( 'custom-style', get_template_directory_uri() . '/css/custom-style.css', array(), rand(111,9999), 'all' );

atau

<link rel="stylesheet" type="text/css" href="http://website.com/css/custom-style.css?ver=<?php echo rand(111,999)?>">

Ini akan menghindari caching pada caching akhir klien dan mungkin caching server juga.

PAK
sumber
7

Saya tahu posting ini sudah berumur lebih dari satu tahun tetapi saya pikir saya akan menyebutkan bahwa CloudFlare melakukan cache file statis seperti css, js dan gambar untuk membantu dalam waktu pemuatan yang lebih cepat. Sesuatu yang saya hanya perlu waktu berjam-jam untuk mencari tahu, karena saya mengalami masalah dengan perubahan css saya tidak mencerminkan reload. CloudFlare memiliki mode Pengembangan yang dapat Anda aktifkan selama 3 jam. Jika Anda lupa untuk mengaktifkannya sebelum Anda mulai membuat modifikasi maka Anda dapat membersihkan cache dari manajemen cloudflare.

Shanan
sumber
1
CloudFlare berpikir jika ada ?ver=maka file tidak dapat diperbarui.
hlcs
Apakah Anda memberi tahu bahwa setiap kali saya melakukan perubahan dalam CSS, javascript, saya perlu membersihkan cache Cloudfare? Apa yang dilakukan mode pengembangan ini sebenarnya? Thnx
Tanvir
0

Mungkin saja host Anda menggunakan sesuatu seperti Varnish untuk menyimpan cache situs Anda. Saya mengalami ini dengan situs klien yang di-host di akun hosting bersama cut-rate. Satu-satunya obat yang saya temukan adalah bersabar.

Jeff Purcell
sumber
0

Jika Anda menggunakan tema anak, mungkin Anda harus meminta lembar gaya tema anak untuk melihat perubahannya segera. Ini menyelesaikan masalah saya.

Ramón Puig
sumber
0

Hanya ingin menunjukkan - pastikan untuk memperhatikan plugin caching yang telah Anda instal. Cache Fastest WP , misalnya, dapat membuat masalah ini jika Anda tidak ingat untuk login ke dashboard WP dan klik "Clear Cache -> Hapus Cache dan Minified CSS / JS" di menu nav.

HappyHands31
sumber
0

Ini mungkin sudah tua. Tetapi saya perlu mendukung seseorang yang mungkin mencari bantuan. Saya memiliki masalah yang sama dan saya memeriksa plugin saya. Ada plugin "w3 total cache" yang mempercepat pemuatan. Itu adalah plugin cache sisi server jadi saya menonaktifkannya. Perubahan css terlihat kembali secara realtime. Ada banyak memuat penguat plugin. Jadi periksa daftar plugin Anda dan nonaktifkan mereka sampai Anda menyelesaikan pengembangan.

Gimhana Jayasekara
sumber