บังคับให้ Google Chrome ตรวจสอบไฟล์ JavaScript ใหม่ทุกครั้งที่เข้าถึงเว็บไซต์

ดังนั้นถ้าฉันไปที่ตัวเลือกอินเทอร์เน็ตใน Internet Explorer:

ฉันสามารถปรับการตั้งค่าเมื่อ IE ตรวจสอบการอัปเดต:

ฉันสามารถทำสิ่งที่คล้ายกันใน Google Chrome ได้หรือไม่ ตอนนี้เมื่อฉันเปลี่ยนไฟล์ JavaScript และดีบักจาก Visual Studio Chrome จะใช้เวอร์ชันแคชแทนการใช้เวอร์ชันที่แก้ไขเสมอ เพื่อให้สามารถใช้เวอร์ชันปัจจุบันฉันต้องล้างไฟล์ชั่วคราว / แคชอินเทอร์เน็ตด้วยตนเองซึ่งน่ารำคาญจริงๆ

ตัวเลือก 1: ปิดใช้งานแคชชั่วคราว

1. เปิดเครื่องมือสำหรับนักพัฒนา (กดF12หรือเมนู, เครื่องมือเพิ่มเติม, เครื่องมือสำหรับนักพัฒนา)
2. เปิดการตั้งค่าเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ (กดF1หรือเมนู DevTools, การตั้งค่า)
3. ทำเครื่องหมายที่ "ปิดใช้งานแคช (ขณะที่ DevTools เปิดอยู่)" ในส่วนหัวเครือข่ายของบานหน้าต่างการตั้งค่า

ตัวเลือก 2: ปิดใช้งานแคชสำหรับเซสชัน

เริ่ม Chrome ด้วยสวิตช์บรรทัดคำสั่ง--disk-cache-size=1 --media-cache-size=1ซึ่งจะ จำกัด แคชไว้ที่ 1 ไบต์เพื่อปิดใช้งานแคชอย่างมีประสิทธิภาพ

ตัวเลือก 3: การรีเฟรชแรงด้วยตนเอง

โหลดหน้าปัจจุบันไม่สนใจเนื้อหาเก็บไว้: Shift+ F5หรือ Ctrl+ Shift+r

แป้นพิมพ์ลัดของ Chrome - ความช่วยเหลือของ Chrome (ใต้ "ทางลัดหน้าเว็บ")

ตัวเลือก 4: ตัวเลือกการโหลดเพิ่มเติม ( ที่มา )

เมื่อเปิดเครื่องมือนักพัฒนาให้คลิกขวาที่ปุ่มโหลดใหม่เพื่อแสดงเมนูโหลดซ้ำด้วยสิ่งต่อไปนี้:

• โหลดซ้ำปกติ (Ctrl + R)
• โหลดซ้ำ (Ctrl + Shift + R)
• แคชว่างเปล่าและโหลดซ้ำอย่างหนัก

อาจไม่เกี่ยวข้องกับการรีเฟรชโครเมี่ยม 100% แต่เพื่อการพัฒนาต่อไป เช่น @Dom กล่าวว่าคุณสามารถเพิ่ม? v = # หลังจาก ressource ของคุณ วิธีหนึ่งในการทำให้กระบวนการเป็นแบบอัตโนมัติคือการแฮชเนื้อหาของไฟล์ดังกล่าวและใช้ไฟล์นั้นเป็นเวอร์ชัน

ฉันมีข้อมูลโค้ดเกี่ยวกับวิธีการนี้ใน C # (มีดโกนสำหรับการนำไปใช้) หากสิ่งนี้สามารถช่วยได้

Helper:

public static string HashUrl(string relativeUrl)
    {
        var server = HttpContext.Current.Server;
        if (File.Exists(server.MapPath(relativeUrl)))
        {
            byte[] hashData;
            using (var md5 = MD5.Create())
            using (var stream = File.OpenRead(server.MapPath(relativeUrl)))
                hashData = md5.ComputeHash(stream);

            return relativeUrl.Replace("~", "") + "?v=" + BitConverter.ToString(hashData).Replace("-", "");
        }
        return relativeUrl + "?v=notFound";
    }

การดำเนินงาน:

<link rel="stylesheet" href=@Util.HashUrl("~/Controllers/Home/Views/Index.css") />

หวังว่านี่จะช่วยได้

แก้ไข --- บางคนถามถึงการสร้างรันไทม์และสำหรับ 1,000 แหล่งข้อมูลขนาดเล็กใช้เวลาประมาณ 11 ms

https://en.code-bude.net/2013/08/07/md5-hashes-in-c-benchmark-and-speed-%E2%80%8B%E2%80%8Boptimization/

https://en.code-bude.net/wp-content/uploads/2013/08/md5_performance_benchmark_2.png

ในกรณีอื่น ๆ ที่สิ่งเหล่านี้อาจเป็นไปไม่ได้ตัวอย่างเช่นต้องการบังคับให้มีการรีเฟรชบนคอมพิวเตอร์ของผู้ใช้ปลายทางที่คุณไม่สามารถเข้าถึงได้คุณสามารถผนวกหมายเลขเวอร์ชันต่อท้ายชื่อสคริปต์เป็นพารามิเตอร์การสืบค้นที่ทำให้เบราว์เซอร์ระบุ มันเป็นไฟล์อื่น กล่าวคือ example.js?v=1. โปรดจำไว้ว่าคุณจะต้องเปลี่ยนหมายเลขในแต่ละครั้งที่โหลดเพื่อบังคับ

คุณสามารถทำสิ่งนี้กับการพัฒนาในท้องถิ่น แต่วิธี dev เครื่องมือนั้นมีประสิทธิภาพมากกว่า

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

ในเมนูนี้คุณจะได้รับตัวเลือกสำหรับ"ล้างแคชและยากโหลด"

คือสิ่งที่คุณกำลังมองหา

หากคุณกำลังพัฒนาเว็บไซต์คุณควรทราบว่า Chrome ต้องการการmust-revalidateตั้งค่าCache-Controlเพื่อดึงไฟล์อย่างถูกต้องเมื่อมีการเปลี่ยนแปลงบนเซิร์ฟเวอร์

คำตอบอื่น ๆ จะบอกวิธีกด SHIFT-F5 เพื่อบังคับให้ Chrome เวอร์ชันของคุณดึงไฟล์ทั้งหมด แต่มันมีเหตุผลที่จะบอกผู้ใช้ทุกคนของเว็บไซต์ให้ทำเช่นนี้ทุกครั้งที่มีการเปลี่ยนแปลงเว็บไซต์หรือไม่ หากคุณตั้งค่าCache-Controlให้รวมmust-revalidateChrome จะตรวจสอบเพื่อดูว่ามีไฟล์ใดเปลี่ยนแปลงหรือไม่จากนั้นดาวน์โหลดอย่างถูกต้องเมื่อจำเป็น

ดูรายละเอียดได้ที่โพสต์บล็อกนี้: https://agiletribe.wordpress.com/2018/01/29/caching-for-chrome/