หยุด Chrome Caching ไฟล์ JS ของฉัน

ฉันจะทำการเปลี่ยนแปลงไฟล์ JS ของฉัน แต่มันจะไม่เปลี่ยนแปลงในเบราว์เซอร์จริงๆฉันต้องเปลี่ยนชื่อไฟล์ทุกครั้งเพื่อให้มันโหลดซ้ำ มีคำสั่ง. htaccess บางประเภทที่ฉันสามารถเพิ่มหรือบางอย่างเพื่อให้หยุดแคชได้หรือไม่

แม้กระทั่งการแคชหน้า html ฮาร์ดคอร์ของฉัน ฉันต้องเปิดเบราว์เซอร์ทั้งหมดอีกครั้งเพื่อดูการเปลี่ยนแปลง อาจเป็นปัญหาเซิร์ฟเวอร์หรือไม่?

คุณสามารถคลิกไอคอนการตั้งค่าที่มุมบนขวา...| เครื่องมือเพิ่มเติม เครื่องมือสำหรับนักพัฒนา | เครือข่าย | ปิดการใช้งานแคช (ในขณะที่ DevTools เปิดอยู่)

สำหรับ windows นี่คือF12หรือCTRL + SHIFT + Iในขณะที่อยู่บน mac CMD + SHIFT + Iเปิด DevTools

เส้นทางใหม่สำหรับการอัปเดต Chrome กันยายน 2018:

คลิกไอคอนการตั้งค่าที่มุมขวาบน...| การตั้งค่า | ค่ากำหนด | เครื่องมือสำหรับนักพัฒนา | เครือข่าย | ปิดการใช้งานแคช (ในขณะที่ DevTools เปิดอยู่)

วิธีที่เร็วกว่านี้คือคลิกขวาที่ไอคอนรีเฟรชข้างแถบที่อยู่แล้วเลือกEmpty Cache และ Hard reload

ตรวจสอบให้แน่ใจว่าเครื่องมือ dev ของ Chrome เปิดอยู่ (กด F12) อย่างไรก็ตาม ... เคล็ดลับนี้ใช้ได้กับ Chrome สำหรับ Windows, Ubuntu และ Mac OS เท่านั้น

กด shift ค้างไว้ขณะคลิกปุ่มโหลดซ้ำ

เพิ่มสิ่งที่ชอบscript.js?a=[random Number]ด้วยหมายเลขสุ่มที่สร้างโดย PHP

คุณเคยลอง expire = 0, pragma "no-cache" และ "cache-control = NO-CACHE" หรือไม่? (ฉันไม่รู้ว่าพวกเขาพูดอะไรเกี่ยวกับสคริปต์)

แนวคิดบางประการ:

1. เมื่อคุณรีเฟรชหน้าใน Chrome ให้กด CTRL + F5 เพื่อทำการรีเฟรชทั้งหมด
2. แม้ว่าคุณจะตั้งค่าการหมดอายุเป็น 0 แต่ก็ยังคงแคชในระหว่างเซสชัน คุณจะต้องปิดและเปิดเบราว์เซอร์ใหม่อีกครั้ง
3. ตรวจสอบให้แน่ใจว่าเมื่อคุณบันทึกไฟล์บนเซิร์ฟเวอร์การประทับเวลากำลังได้รับการอัพเดต ก่อนอื่น Chrome จะออกHEADคำสั่งแทน GET แบบเต็มเพื่อดูว่าจำเป็นต้องดาวน์โหลดไฟล์แบบเต็มอีกครั้งหรือไม่และเซิร์ฟเวอร์จะใช้การประทับเวลาเพื่อดู

หากคุณต้องการปิดใช้งานการแคชบนเซิร์ฟเวอร์ของคุณคุณสามารถทำสิ่งต่อไปนี้:

Header set Expires "Thu, 19 Nov 1981 08:52:00 GM"
Header set Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0"
Header set Pragma "no-cache"

ใน. htaccess

ขั้นตอนด่วน:

1) เปิดแดชบอร์ดเครื่องมือสำหรับนักพัฒนาโดยไปที่เมนู Chrome -> เครื่องมือ -> เครื่องมือสำหรับนักพัฒนา

2) คลิกที่ไอคอนการตั้งค่าทางด้านขวามือ (มันคือฟันเฟือง!)

3) ทำเครื่องหมายที่ช่อง "ปิดการใช้งานแคช (เมื่อ DevTools เปิดอยู่)"

4) ในขณะที่แดชบอร์ดเปิดขึ้นให้กดรีเฟรชและ JS จะไม่ถูกแคช!

ปัญหาคือ Chrome จำเป็นต้องมีmust-revalidateในส่วนหัวของ Cache-Control` เพื่อตรวจสอบไฟล์อีกครั้งเพื่อดูว่าจำเป็นต้องดึงข้อมูลใหม่หรือไม่

คุณสามารถ SHIFT-F5 และบังคับให้ Chrome รีเฟรชได้ตลอดเวลา แต่ถ้าคุณต้องการแก้ไขปัญหานี้บนเซิร์ฟเวอร์ให้ใส่ส่วนหัวการตอบกลับนี้:

Cache-Control: must-revalidate

สิ่งนี้จะบอกให้ Chrome ตรวจสอบกับเซิร์ฟเวอร์และดูว่ามีไฟล์ใหม่กว่าหรือไม่ หากมีไฟล์ใหม่กว่าไฟล์นั้นจะได้รับในการตอบกลับ หากไม่เป็นเช่นนั้นจะได้รับการตอบกลับ 304 และการรับรองว่าข้อมูลในแคชเป็นข้อมูลล่าสุด

หากคุณไม่ได้ตั้งค่าส่วนหัวนี้หากไม่มีการตั้งค่าอื่นใดที่ทำให้ไฟล์ไม่ถูกต้อง Chrome จะไม่ตรวจสอบกับเซิร์ฟเวอร์เพื่อดูว่ามีเวอร์ชันที่ใหม่กว่าหรือไม่

นี่คือบล็อกโพสต์ที่กล่าวถึงปัญหาเพิ่มเติม

เมื่อทำการอัปเดตเว็บแอปพลิเคชันของฉันฉันจะใช้ตัวจัดการเพื่อส่งคืนไฟล์ JS ไฟล์เดียวเพื่อหลีกเลี่ยงการเข้าชมจำนวนมากบนเซิร์ฟเวอร์ของฉันหรือเพิ่มสตริงการสืบค้นขนาดเล็กให้กับพวกเขา:

<script type="text/javascript" src="/mine/myscript?20111205"></script>

<Files *>
Header set Cache-Control: "no-cache, private, pre-check=0, post-check=0, max-age=0"
Header set Expires: 0
Header set Pragma: no-cache
</Files>

ฉันรู้ว่านี่เป็นคำถาม "เก่า" แต่ปวดหัวกับการแคชไม่เคยเป็น หลังจากการทดลองและข้อผิดพลาดมากมายฉันพบว่าหนึ่งในผู้ให้บริการเว็บโฮสติ้งของเรามี CPanel แอพนี้ชื่อว่า Cachewall ฉันแค่คลิกที่เปิดใช้งานโหมดการพัฒนาและ ... voila !!! มันหยุดความเจ็บปวดที่ทรมานมานานได้ในทันที :) หวังว่านี่จะช่วยคนอื่นได้ ... R

ฉันได้รับไฟล์ css เดียวกันเมื่อฉันเรียกดูเว็บไซต์ (บนเซิร์ฟเวอร์ของ บริษัท โฮสติ้งที่มีโดเมนจริง) และฉันไม่สามารถรับเวอร์ชันที่อัปเดตบน Chrome ได้ ฉันสามารถรับไฟล์เวอร์ชันอัปเดตได้เมื่อฉันเรียกดูบน Firefox คำตอบเหล่านี้ไม่ได้ผลสำหรับฉัน ฉันยังมีไฟล์เว็บไซต์ในเครื่องของฉันและเรียกดูไซต์ด้วย localhost โดยใช้เซิร์ฟเวอร์ apache ในพื้นที่ของฉัน ฉันปิดเซิร์ฟเวอร์ apache ของฉันและฉันสามารถรับไฟล์ที่อัปเดตได้ อย่างไรก็ตามเซิร์ฟเวอร์ apache ในพื้นที่ของฉันยุ่งกับแคชของ Chrome หวังว่านี่จะช่วยใครบางคนได้เพราะมันยากมากสำหรับฉันที่จะแก้ไขปัญหานี้

1. เปิดเครื่องมือสำหรับนักพัฒนา

   • F12 อย่างใดอย่างหนึ่ง
   • หรือ...-> More Tools->Developer Tools

2. คลิก Empty Cache and Hard Reload

   • คลิกขวาที่ไอคอนรีเฟรช (ซ้ายไปที่แถบที่อยู่ url)
   • หรือคลิกซ้ายที่ไอคอนรีเฟรชค้างไว้ 1 วินาที

คุณสามารถเปิดหน้าต่างที่ไม่ระบุตัวตนแทน การเปลี่ยนไปใช้หน้าต่างที่ไม่ระบุตัวตนใช้งานได้สำหรับฉันเมื่อปิดการใช้งานแคชในหน้าต่างโครเมี่ยมปกติยังคงไม่โหลดไฟล์ JavaScript ซ้ำที่ฉันเปลี่ยนไปตั้งแต่แคชล่าสุด

https://www.quora.com/Does-incognito-mode-on-Chrome-use-the-cache-that-was-previously-stored