แก้ CSS แล้วไม่เปลี่ยนทำอย่างไร วิธีแก้ไข

หากเจอปัญหาแก้ CSS แล้วไม่เปลี่ยนทำอย่างไร แนะนำวิธีแก้ไขคือ ให้เพิ่มตัวแปร และค่าข้อมูลที่ท้ายลิงก์ URL ของ CSS เพื่อให้โปรแกรมเบราว์เซอร์ โหลดไฟล์ CSS ใหม่ ปัญหานี้เกิดจากหากลิงก์ URL ไม่มีการเปลี่ยนแปลง คือ Path ไม่ได้เปลี่ยน หรือชื่อไฟล์ไม่ได้เปลี่ยน โปรแกรมเบราว์เซอร์จะโหลดข้อมูลเดิม หรือ Cache แทน ทำให้บางครั้งเมื่อแก้ไข CSS แล้วอาจจะทำให้ไม่พบการเปลี่ยนแปลง

วิธีแก้ไข

1. สมมติการเรียกไฟล์ CSS เดิมใน HTML คือ

<link rel="stylesheet" type="text/css" href="https://www.devdit.com/default.css"/>

2. ให้เพิ่มตัวแปร และค่าต่อท้ายชื่อไฟล์ CSS จากตัวอย่างคือ ?v=9999

<link rel="stylesheet" type="text/css" href="https://www.devdit.com/default.css?v=9999"/>

3. เมื่อ Path ที่เรียก CSS เปลี่ยนไป โปรแกรมเบราว์เซอร์ จะโหลดข้อมูลใหม่แทนการโหลดจาก Cache