จะทำให้ Chrome โหลดไฟล์ JS และ CSS ทั้งหมดของหน้าได้อย่างไร


3

เป็นที่ทราบกันดีว่าการใช้shift+ ctrl+ Rสามารถใช้บังคับให้เบราว์เซอร์ chrome โหลดหน้าเว็บแทนการอ่านจากแคช อย่างไรก็ตามในขณะที่โหลดภาพซ้ำไฟล์ JS และ CSS จะไม่โหลด ขณะนี้ฉันต้องทดสอบหน้าของฉันในโหมดไม่ระบุตัวตนปิดและเปิดแท็บไม่ระบุตัวตนอีกครั้งเพื่อให้แน่ใจว่าหน้าไม่ได้ใช้ไฟล์ JS และ CSS ที่แคช

มีการตั้งค่าหรือปุ่มลัดที่ฉันสามารถทำได้ในโหมดปกติหรือไม่? มันเหนื่อยมากที่จะเปิดหน้าต่างใหม่ทุกครั้งที่ฉันต้องทดสอบการเปลี่ยนแปลงในไฟล์ CSS หรือ JS

คำตอบ:


15

หากคุณกด 'F12' เพื่อเปิด Chrome Dev Tools และเลือกแท็บเครือข่ายคุณมีตัวเลือกในการปิดการแคช

ใช้งานได้กับแผงเครื่องมือ Dev เท่านั้นที่เปิดอยู่

แคช Devtools


1
สิ่งนี้ใช้ได้สำหรับฉัน ไม่แน่ใจว่าทำไมมันไม่ได้รับการยอมรับเป็นคำตอบ
trubliphone

1
ฉันมีปัญหาแปลก ๆ กับการแคชโครเมี่ยม css แม้ในกรณีนี้ติ๊กความคิดใด ๆ
SuperUberDuper

1
มีวิธีการปิดใช้งานการแคชกับทรัพยากรที่ไม่ได้รับการดึงข้อมูลทางอินเทอร์เน็ตหรือไม่ ฉันใช้ CDN สำหรับห้องสมุดบางส่วนและการเชื่อมต่ออินเทอร์เน็ตของฉันช้าสวย ...
Nearoo

มีวิธีปิดการใช้งานแคชสำหรับไฟล์บางประเภทหรือไม่? เช่นปิดการใช้งานแคชสำหรับ. css และ. js แต่อนุญาตให้แคชสำหรับทุกอย่างอื่น
Warwick

1
นี่เป็นครั้งแรกที่ฉันเคยได้ยินเกี่ยวกับตัวเลือกนี้และฉันได้รับการจัดการกับปัญหาการรีเฟรชนี้มานานหลายปี ขอขอบคุณ! FYI ถึงคนอื่น ๆ ... คุณต้องขยายกรอบเครื่องมือ Dev ให้มากพอที่จะเห็นตัวเลือกนี้
MTAdmin

2

การโหลดซ้ำอย่างหนักควรทำด้วยเช่นกัน คำตอบข้างต้นไม่ได้ผลกับฉันเสมอไปดังนั้นการโหลดซ้ำอย่างหนักทำให้เหมาะกับฉัน

ดูวิธีการที่นี่


1
ฉันลืมที่จะพูดถึงว่าคุณมีเครื่องมือ dev ที่เปิดในโครเมี่ยมเพื่อให้สามารถกดปุ่มรีเฟรชสำหรับตัวเลือกเหล่านั้นค้างไว้
AkatsukiDiablo

2

มีสองวิธีในการโหลดเว็บไซต์ซ้ำใน Chrome พวกเขาทั้งหมดต้องการให้เราเปิดเครื่องมือนักพัฒนาของ Chrome

ผ่านชุดปุ่มลัดลัด

  1. ตรวจสอบให้แน่ใจว่าหน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เปิดอยู่ (โดยกด F12)
  2. กดCtrl + Shift + R

โดยการตั้งค่าคุณสมบัติในแท็บเครือข่าย

  1. ตรวจสอบให้แน่ใจว่าหน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เปิดอยู่ (โดยกด F12)
  2. ตรงไปที่แท็บเครือข่าย
  3. เลือกปิดใช้งานช่องทำเครื่องหมายแคช

กดปุ่มโหลดซ้ำอีกครั้ง

  1. ตรวจสอบให้แน่ใจว่าหน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เปิดอยู่ (โดยกด F12)
  2. ชี้ไปที่ "ปุ่มรีเฟรช" ที่ด้านบนซ้ายและกดปุ่มซ้ายของเมาส์ค้างไว้นาน
  3. รายการแบบเลื่อนลงจะปรากฏขึ้นซึ่งเราจะได้รับตัวเลือกต่าง ๆ ตามที่แสดงในภาพนี้:

จะทำให้ Chrome โหลดไฟล์ JS และ CSS ทั้งหมดของหน้าได้อย่างไร


-2

คุณควรลอง Ctrl + R หรือ Ctrl + F5 หรือไปที่แท็บเงื่อนไขเครือข่ายใน DevTools (ทางลัดคือ Ctrl + Shift + I) และทำเครื่องหมายปิดใช้งานแคช ...


-3

Ctrl + F5 หรือ Ctrl + R นอกจากนี้คุณสามารถกด F12 ไปที่แท็บเครือข่ายโหลดด้วย ctrl + F5 / R และตรวจสอบว่าคุณได้รับสถานะ HTTP 200 แทน 304


1
แม้ว่าหน้าเว็บ (ไฟล์ html เป็นที่แน่นอน) จะคืนค่า 200 แทนที่จะเป็น 304 แต่ปัญหาก็คือมันถือว่าไฟล์ JS และ CSS เป็นไฟล์แยกต่างหากและโหลดเวอร์ชันแคชของไฟล์นั้นและฉันไม่มีวิธีบังคับให้ดาวน์โหลด ไฟล์ JS และ CSS อีกครั้ง
cytsunny
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.