ปิดใช้งานแคช Chrome สำหรับการพัฒนาเว็บไซต์

ฉันกำลังแก้ไขลักษณะที่ปรากฏของไซต์ (การแก้ไข CSS) แต่ไม่สามารถเห็นผลลัพธ์บน Chrome เนื่องจากแคชถาวรที่น่ารำคาญ ฉันลองShift+ รีเฟรช แต่มันไม่ทำงาน

ฉันจะปิดการใช้งานแคชชั่วคราวหรือรีเฟรชหน้าเว็บในวิธีที่ฉันสามารถเห็นการเปลี่ยนแปลงได้อย่างไร?

Chrome DevTools สามารถปิดการใช้งานแคช

1. คลิกขวาและเลือกInspect Elementเพื่อเปิด DevTools หรือใช้ทางลัดแป้นพิมพ์อย่างใดอย่างหนึ่งต่อไปนี้:
   • F12
   • Command+ Option+iบน Mac
   • Control+ Shift+ iบน Windows หรือ Linux
2. คลิก Networkในแถบเครื่องมือเพื่อเปิดบานหน้าต่างเครือข่าย
3. ตรวจสอบDisable cacheช่องทำเครื่องหมายที่ด้านบน

โปรดทราบว่าเป็นทวีตจาก@ChromiumDevระบุการตั้งค่านี้จะใช้งานได้เฉพาะในขณะที่ devtools เปิดอยู่อยู่

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

หากคุณไม่ต้องการใช้Disable cacheช่องทำเครื่องหมายกดปุ่มรีเฟรชด้วย DevTools ที่เปิดค้างไว้จะแสดงเมนูพร้อมตัวเลือกHard ReloadหรือEmpty Cache and Hard Reloadควรมีลักษณะคล้ายกัน อ่านเกี่ยวกับความแตกต่างระหว่างตัวเลือก ทางลัดต่อไปนี้พร้อมใช้งาน:

• Command+ Option+Rบน Mac
• Control+ Shift+ Rบน Windows หรือ Linux

การล้างแคชนั้นน่ารำคาญเกินไปเมื่อคุณต้องการล้างแคช 30 ครั้งต่อชั่วโมงดังนั้นฉันจึงติดตั้ง Chrome Extension ชื่อClassic Cache Killerที่ล้างแคชทุกครั้งที่โหลดหน้า

Chrome Store Link (ฟรี) (ตอนนี้ไม่มีมัลแวร์!)

ตอนนี้ฉันจำลอง json, javascript, css, html และ data รีเฟรชทุกครั้งที่โหลดหน้าเว็บทุกครั้งการโหลดหน้าเว็บทุก

ฉันไม่เคยต้องกังวลหากฉันต้องล้างแคช

ฉันพบแคชสำหรับ Chrome ประมาณ 20 ตัว แต่ตัวนี้ดูเบาและไม่ต้องใช้ความพยายาม ในการอัปเดต Cache Killer สามารถอยู่ที่ "always on"

หมายเหตุ: ฉันไม่รู้จักผู้เขียนปลั๊กอิน แต่อย่างใด ฉันเพิ่งพบว่ามันมีประโยชน์

1. ดึงคอนโซลนักพัฒนาซอฟต์แวร์ Chrome ขึ้นมาโดยการกดF12แล้ว (เมื่อเปิดคอนโซล):

2. คลิกขวา (หรือคลิกซ้ายค้างไว้) ที่ปุ่มโหลดที่ด้านบนของเบราว์เซอร์และเลือก "Empty Cache และ Hard Reload"

การดำเนินการนี้จะเกินกว่า "การโหลดซ้ำอย่างหนัก" เพื่อล้างแคชทั้งหมดทำให้มั่นใจได้ว่าสิ่งใดก็ตามที่ดาวน์โหลดผ่าน javascript หรืออื่น ๆ จะหลีกเลี่ยงการใช้แคช คุณไม่ต้องยุ่งกับการตั้งค่าหรืออะไรเลยมันเป็นโซลูชั่น 1-shot ที่รวดเร็ว

มีตัวเลือกอีกสองตัวเลือกในการปิดใช้งานการแคชหน้าใน Chrome ให้ดี :

1. ปิดใช้งาน Chrome Cache ในรีจิสทรี

เปิด Registry (Start -> Command -> Regedit)

ค้นหา: HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

เปลี่ยนชิ้นส่วนหลังจาก ... chrom.exe "เป็นค่านี้: –disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

ตัวอย่าง: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

สิ่งสำคัญ:

• มีช่องว่างและยัติภังค์หลังจาก ... chrome.exe "

• ออกจากพา ธ ไปที่ chrome.exe ตามเดิม

• หากคุณคัดลอกบรรทัดให้แน่ใจว่าได้ตรวจสอบว่าคำพูดเป็นคำพูดที่เกิดขึ้นจริง

2. ปิดใช้งานแคช Chrome โดยเปลี่ยนคุณสมบัติทางลัด

คลิกขวาที่ไอคอน Chrome แล้วเลือก "Properties" ในเมนูบริบท เพิ่มค่าต่อไปนี้ให้กับเส้นทาง: –disk-cache-size=1

ตัวอย่าง: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" –disk-cache-size=1

สิ่งสำคัญ:

• มีช่องว่างและยัติภังค์หลังจาก ... chrome.exe "

• ออกจากพา ธ ไปที่ chrome.exe ตามเดิม

หากคุณไม่ต้องการแก้ไขการตั้งค่าของ Chrome คุณสามารถใช้โหมดไม่ระบุตัวตนสำหรับผลลัพธ์เดียวกัน

นอกเหนือจากตัวเลือกปิดใช้งานแคช (ซึ่งคุณจะได้รับผ่านปุ่มที่มุมล่างขวาของหน้าต่างเครื่องมือสำหรับนักพัฒนา - เครื่องมือ | เครื่องมือสำหรับนักพัฒนาหรือCtrl+ Shift+ I) บนแผงเครือข่ายของเครื่องมือสำหรับนักพัฒนาคุณสามารถคลิกขวาได้ และเลือก "ล้างแคช" จากเมนูป๊อปอัพ

1. F12 เพื่อเปิด Chrome DevTools
2. F1 เพื่อเปิดการตั้งค่า DevTools
3. ทำเครื่องหมายที่Disable cache (ขณะที่ DevTools เปิดอยู่)ดังแสดงด้านล่าง:

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

แทนที่จะกดปุ่ม "F5" เพียงกดปุ่ม:

"Ctrl + F5"

ในช่อง Canary (และอาจจะเป็นช่อง dev และเสถียรตามมาด้วย) นี่คือตัวเลือกที่สองโดยรวมทางด้านซ้ายมือภายใต้ส่วน "ทั่วไป"

นอกจากนั้นยังมีตัวเลือกให้เปลี่ยนเป็นโหมดไม่ระบุตัวตนผ่าน Ctrl + Shift + N เสมอแม้ว่าจะเป็นการสิ้นสุดเซสชันของคุณก็ตาม

ใช้Ctrl+ Shift+ Rเพื่อรีเฟรชเป็นเรื่องที่ดี แต่ไม่ได้ทุกสิ่งที่ฉันต้องการ ยังมีบางสิ่งที่จะไม่รีเฟรชเช่นข้อมูลที่จัดเก็บใน js และ css พบวิธีการแก้ปัญหาที่: แถบเครื่องมือของ Google สำหรับนักพัฒนาเว็บโครเมี่ยม หลังจากที่คุณติดตั้งแถบเครื่องมือเลือกตัวเลือกและ "รีเซ็ตหน้า"

เพื่อให้ชัดเจนช่องทำเครื่องหมายปิดใช้งานแคชใน Chrome (v17 ที่นี่ แต่เนื่องจาก v15 ฉันเชื่อว่า) ไม่ได้อยู่ใน UI การตั้งค่าหลัก มันอยู่ใน UI การตั้งค่าเครื่องมือสำหรับนักพัฒนา

1. จากเมนูไอคอนเครื่องมือของหน้าต่างเบราว์เซอร์ (เมนู prefs) เลือกเครื่องมือ→เครื่องมือสำหรับนักพัฒนา

2. ใน UI เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ที่ปรากฏขึ้นให้คลิกไอคอนรูปเฟืองที่ด้านล่างขวา

3. ทำเครื่องหมายที่ช่องทำเครื่องหมาย 'ปิดใช้งานแคช' ในส่วนเครือข่าย

ปิดใช้งานแคชใน Chrome ทำงานได้เฉพาะเมื่อคุณเปิดเครื่องมือ dev เท่านั้น

จนกว่าข้อผิดพลาดจะได้รับการแก้ไขคุณสามารถใช้ปลั๊กอินClear Cache Chrome และคุณสามารถตั้งค่าแป้นพิมพ์ลัดสำหรับมันได้

หลังจากติดตั้งแล้วให้คลิกขวาและไปที่ตัวเลือก:

ตรวจสอบAutomatically reload active tab after clearing data:

เลือกEverythingสำหรับช่วงเวลา:

จากนั้นคุณสามารถไปที่เมนู => เครื่องมือ => ส่วนขยาย:

คลิกที่แป้นพิมพ์ลัดที่ด้านล่าง:

และตั้งค่าแป้นพิมพ์ลัดของคุณตัวอย่างเช่นCtrl+ Shift+ R:

ที่จริงแล้วถ้าคุณไม่รังเกียจการใช้แบนด์วิดท์มันจะปลอดภัยกว่าด้วยเหตุผลหลายประการในการปิดใช้งานการแคชและได้รับคำแนะนำจากไซต์ความปลอดภัยหลายแห่ง

Chromium ไม่ควรหยิ่งพอที่จะตัดสินใจและบังคับใช้การตั้งค่ากับผู้ใช้

คุณสามารถปิดการใช้งานแคชบน UNIX ด้วย --disk-cache-dir = / dev / null

เช่นนี้เป็นข้อผิดพลาดที่ไม่คาดคิดอาจเกิดขึ้น แต่ถ้าพวกเขาทำแล้วจะชี้ไปที่ข้อผิดพลาดที่รุนแรงมากขึ้นอย่างชัดเจนซึ่งควรได้รับการแก้ไขในกรณีใด ๆ

นี่อาจช่วยใครซักคน

ฉันเอาหัว Nginx ของฉันไปทำแคชบ้า ดังนั้นการปิดใช้งานแคชในเครื่องมือเครือข่ายและการล้างแคชอย่างชัดเจนไม่ทำงาน

วิธีแก้ปัญหาที่เรียบง่าย แต่น่าเบื่อคือฉันเพิ่งเปิดแท็บไม่ระบุตัวตนใหม่ น่าแปลกใจที่มันใช้งานได้ตลอดเวลา!

การรีเฟรชที่ยากลำบากในโหมดไม่ระบุตัวตนทำเคล็ดลับได้ทุกเมื่อที่ฉันต้องการโหลดซ้ำในโหมดเดียวกัน

วิธีการเกี่ยวกับ bookmarklet ซึ่งเปลี่ยนชื่อหน้าเพื่อป้องกันไม่ให้หน้าแคช ใน Chrome คุณจะต้องสร้างที่คั่นหน้าใหม่แล้ววางรหัสลงใน URL คลิกบุ๊กมาร์กและหน้าจะโหลดใหม่พร้อมเวลาประทับเพื่อป้องกันแคช

javascript:(function(){var idx = location.href.indexOf('?');var d = new Date();var str = location.href.substr(0,idx) + '?version=' + d.getTime();location.href=str; void 0;})();

ฉันเพิ่งถูกจับ แต่ไม่จำเป็นต้องเป็นเพราะ Chrome

ฉันใช้ jQuery เพื่อขอ AJAX ฉันได้ตั้งค่าคุณลักษณะแคชเป็นจริงในคำขอ:

   $.ajax({
        type: 'GET',
        cache: true,
        ....

การตั้งค่านี้เป็นเท็จแก้ไขปัญหาของฉัน แต่สิ่งนี้ไม่เหมาะ

ฉันไม่รู้ว่าข้อมูลนี้ถูกบันทึกไว้ที่ไหน แต่ฉันรู้ว่า chrome ไม่เคยโดนเซิร์ฟเวอร์เพื่อขอ

มีวิธีที่ดีกว่าและรวดเร็วกว่าในขณะนี้ (Chrome เวอร์ชัน 59.xx):

คลิกขวาบนไอคอน reload-(ด้านซ้ายของฟิลด์ url-field) และคุณจะได้รับเมนูแบบเลื่อนลงเลือกตัวเลือกที่สาม: 'empty Cache and Hard reload'

ตัวเลือกนี้ใช้ได้เฉพาะเมื่อเครื่องมือของนักพัฒนาซอฟต์แวร์เปิดอยู่ (สังเกตเห็นความแตกต่างของตัวเลือก 2: 'Hard reload' -cmd-shift-R) ไม่มีการล้างแคชที่นี่!

มีส่วนขยายของ Chrome ใน Chrome เว็บสโตร์ชื่อว่าClear Cacheล้างแคช

ฉันใช้มันทุกวันและเป็นเครื่องมือที่มีประโยชน์มากฉันคิดว่า คุณสามารถใช้มันเป็นปุ่มรีโหลดและสามารถล้างแคชและถ้าคุณชอบคุกกี้, ที่เก็บข้อมูล, รูปแบบข้อมูล ฯลฯ นอกจากนี้คุณยังสามารถกำหนดโดเมนที่จะเกิดขึ้น ดังนั้นสามารถล้างอึทั้งหมดด้วยปุ่มรีโหลดเท่านั้นซึ่งคุณต้องกด - บนโดเมนที่คุณเลือก

ดีมากมาก!

คุณยังสามารถกำหนดแป้นพิมพ์ลัดสำหรับตัวเลือกนี้ได้!

อีกวิธีหนึ่งคือการเริ่มหน้าต่างโครเมี่ยมในโหมดไม่ระบุตัวตน ที่นี่แคชก็ควรจะปิดการใช้งานอย่างสมบูรณ์

อีกทางเลือกหนึ่งสำหรับการปิดใช้งานแคชนั้นมีให้โดยตัวตรวจสอบขนาดหน้า Chrome ส่วนขยายที่ 3 ของฉันซึ่งจะปิดการใช้งานแคชในลักษณะเดียวกับที่ Devtools ทำ

นอกจากนี้ส่วนขยายจะรายงานขนาดหน้าการใช้แคชคำขอเครือข่ายและความเร็วในการโหลดของหน้าเว็บอย่างรวดเร็วด้วยวิธีที่สะดวก พลัสโอเพนซอร์สที่Github

ไม่แน่ใจว่าคุณกำลังใช้อะไร แต่ถ้าคุณใช้ ASP.Net คุณสามารถทำสิ่งต่อไปนี้ซึ่งใช้งานได้อย่างมีเสน่ห์:

<link href="@Url.Content("~/Content/Site.css")?time=@DateTime.Now" rel="stylesheet" />

โดยทั่วไปมันจะผนวกวันที่และเวลาไปที่ท้ายไฟล์โดยอัตโนมัติทุกครั้งที่มีการเรียกใช้หมายความว่าเนื่องจากชื่อไฟล์แตกต่างกันในทางเทคนิคคุณจะไม่ต้องกังวลว่าจะถูกแคชอีกครั้ง

ฉันมีปัญหาเดียวกันฉันลอง:

• ควบคุม Shift R
• ปิดใช้งานแคชใน F12
• ควบคุม F5

จากนั้นฉันก็ค้นพบว่าการใช้.appcache Manifest สำหรับไม่ใช่ https เว็บไซต์จะเลิก ฉันลบไฟล์ site.appcache ของฉันและการอ้างอิงในแท็ก html และตอนนี้ฉันเห็นเวอร์ชันล่าสุดของแต่ละหน้า!

หากคุณกำลังใช้ServiceWorkers (เช่น: สำหรับแอปพลิเคชันเว็บขั้นสูง) คุณอาจต้องตรวจสอบ "อัปเดตเมื่อโหลดซ้ำ" ภายใต้แอปพลิเคชัน> พนักงานบริการในเครื่องมือ dev เช่นกัน

ตั้งแต่รุ่น 50 (ถ้าฉันจำได้ถูกต้อง) ตัวเลือก "ปิดใช้งานแคช" จะถูกลบออกจากการตั้งค่า Devtool ไปที่แท็บ "เครือข่าย" และมีตัวเลือก "ปิดใช้งานแคช"

สวัสดีถ้าเว็บไซต์ของคุณใช้ PHP คุณควรวางตัวอย่างโค้ด PHP ไว้ที่ด้านบนของหน้า html ของคุณ:

   //dev versioning - stop caching
   $rand = rand(1, 99999999);

ตอนนี้ทุกที่ที่คุณโหลดทรัพยากรเช่นไฟล์ CSS- หรือ JS- ในองค์ประกอบสคริปต์หรือลิงค์ที่คุณผนวกค่าสุ่มที่สร้างขึ้นของคุณไปยัง URL คำขอหลังจากผนวก '?' ถึง URI ผ่าน PHP:

    echo $rand;

แค่นั้นแหละ! จะไม่มีเบราว์เซอร์ที่แคชเว็บไซต์ของคุณอีกต่อไป

แน่นอนลบรหัสของคุณก่อนที่จะเผยแพร่หรือเพียงแค่ตั้ง $ แรนด์เป็นสตริงที่ว่างเปล่าเพื่อให้แคชอีกครั้ง

ฉันใช้ตัวเลือกอื่น ๆ ที่อธิบายไว้ข้างต้น แต่ฉันพบว่าวิธีที่ดีที่สุดคือการเพิ่มพารามิเตอร์ต่อไปนี้ในการเริ่มต้นของ chrome.exe

"ไฟล์ C: \ Program (x86) \ Google \ Chrome \ Application \ chrome.exe" --disk-cache-size = 1 -media-cache = 1

ฉันคิดว่าการไม่ปิดการใช้งานสื่อแคชเป็นความคิดที่ดี แต่เพื่อประโยชน์ที่ครบถ้วน

ในความเป็นจริงฉันต้องการตัวเลือกในการปิดการใช้แคชอย่างสมบูรณ์เพื่อใช้หน่วยความจำสำหรับ IO แทนดิสก์ของฉัน (ซึ่งจะทำให้ความเร็วในการโหลดเร็วขึ้น 10 เท่าด้วย!) แต่ฉันไม่คิดว่า chrome หรือเบราว์เซอร์ใด ๆ .

ฉันจะปิดการใช้งานแคชชั่วคราวหรือรีเฟรชหน้าเว็บในวิธีที่ฉันสามารถเห็นการเปลี่ยนแปลงได้อย่างไร?

ไม่ชัดเจนว่าคุณกำลังอ้างถึง "แคช" ใด มีวิธีการที่แตกต่างกันหลายวิธีที่เบราว์เซอร์สามารถแคชเนื้อหาถาวร ที่เก็บข้อมูลบนเว็บเป็นหนึ่งในนั้นCache-Controlเป็นอีกหนึ่ง

เบราว์เซอร์บางตัวยังมี a Cache, ใช้ร่วมกับService Workersเพื่อสร้าง Progressive Web Apps (PWAs) ที่ให้การสนับสนุนออฟไลน์

เพื่อล้างแคชสำหรับ PWA

self.caches.keys().then(keys => { keys.forEach(key => console.log(key)) })

เพื่อแสดงรายการชื่อของคีย์แคชจากนั้นเรียกใช้:

self.caches.delete('my-site-cache')

เพื่อลบคีย์แคชตามชื่อ (เช่นmy-site-cache) จากนั้นรีเฟรชหน้า

หากคุณเห็นข้อผิดพลาดเกี่ยวกับคนงานในคอนโซลหลังจากรีเฟรชคุณอาจต้องยกเลิกการลงทะเบียนพนักงานที่ลงทะเบียน:

navigator.serviceWorker.getRegistrations()
  .then(registrations => {
    registrations.forEach(registration => {
      registration.unregister()
    }) 
  })

Cache killer ของ Chrome นั้นเป็นตัวเลือกที่ดีที่สุด เนื่องจาก URL ร้านค้าที่จะติดตั้งตัวทำลายแคชไม่ทำงานคุณสามารถดาวน์โหลดไฟล์ CRX ได้ที่นี่:

https://www.crx4chrome.com/extensions/jpfbieopdmepaolggioebjmedmclkbap/

เมื่อดาวน์โหลดไฟล์ส่วนขยายแล้วให้เปิด Chrome -> เครื่องมือเพิ่มเติม -> ส่วนขยายจากนั้นลากไฟล์ CRX จาก File Explorer หรือเดสก์ท็อปของคุณ (ขึ้นอยู่กับตำแหน่งที่คุณดาวน์โหลดไฟล์) ลงในหน้าต่าง Chrome เพื่อติดตั้งส่วนขยาย

ฉันใช้ (ใน windows), ctrl + shift + delete และเมื่อไดอะล็อก chrome ปรากฏขึ้นให้กดปุ่ม Enter สิ่งนี้สามารถกำหนดค่าด้วยสิ่งที่ต้องล้างทุกครั้งที่คุณดำเนินการตามลำดับนี้ ไม่จำเป็นต้องมี dev เครื่องมือเปิดในกรณีนี้

ฉันอยู่ในสถานการณ์ที่เบราว์เซอร์โหลดข้อมูลแคชจากดิสก์แม้ว่าฉันจะตรวจสอบว่าปิดใช้งานแคชแล้ว (ฉันใช้ Chrome) CSS และ JS ทั้งหมดของฉันโหลดจากเซิร์ฟเวอร์ แต่ไม่ใช่เว็บเพจ สิ่งนี้เกิดขึ้นทั้งในพื้นที่ของฉันและในการผลิต

ในการแก้ไขฉันต้องใส่พารามิเตอร์พิเศษลงใน URL ของฉันเพื่อบังคับให้เบราว์เซอร์รับเว็บเพจจากเซิร์ฟเวอร์แม้แต่คอนโทรลเลอร์ก็ไม่จำเป็นต้องใช้

ฉันใช้ ASP.Net ดังนั้นนี่คือตัวอย่างของฉัน:

//Controller function
public ActionResult Index()
    {
        return View();
    }
//Link
@Html.Action("Index", "Home", new { ts = DateTime.Now.Ticks.ToString()})

ผลลัพธ์คือมันจะสร้างลิงก์ดังนี้: http://www.myweb.com/Home/Index?ts=636558555408282209

นี่คือสถานการณ์และทางออกของฉัน หวังว่ามันจะช่วยใครซักคน