Implement front-end strategy to prevent caching

By adding a random string to the path of the js file every time, we make sure to never hit the browser cache.
Moustachauve · Nov 9, 2023 · 51dfa9a · 51dfa9a
1 parent 1dab26b
commit 51dfa9a
Show file tree

Hide file tree

Showing 16 changed files with 5,297 additions and 5,238 deletions.
diff --git a/usermods/RelayBlinds/index.htm b/usermods/RelayBlinds/index.htm
@@ -7,7 +7,7 @@
       strA = "";
     function send()
     {
-      nocache = "&nocache=" + Math.random() * 1000000;
+      nocache = "&nocache=" + Date.now();
       var request = new XMLHttpRequest();
       // send HTTP request
       request.open("GET", "win/" + strA +nocache, true);

diff --git a/wled00/data/settings.htm b/wled00/data/settings.htm
@@ -11,7 +11,7 @@
 		// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
 		function loadJS(FILE_URL, async = true) {
 			let scE = d.createElement("script");
-			scE.setAttribute("src", FILE_URL);
+			scE.setAttribute("src", FILE_URL + "&c=" + Date.now());
 			scE.setAttribute("type", "text/javascript");
 			scE.setAttribute("async", async);
 			d.body.appendChild(scE);

diff --git a/wled00/data/settings_2D.htm b/wled00/data/settings_2D.htm
@@ -16,7 +16,7 @@
 	// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
 	function loadJS(FILE_URL, async = true) {
 		let scE = d.createElement("script");
-		scE.setAttribute("src", FILE_URL);
+		scE.setAttribute("src", FILE_URL + "&c=" + Date.now());
 		scE.setAttribute("type", "text/javascript");
 		scE.setAttribute("async", async);
 		d.body.appendChild(scE);

diff --git a/wled00/data/settings_dmx.htm b/wled00/data/settings_dmx.htm
@@ -37,7 +37,7 @@
 	// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
 	function loadJS(FILE_URL, async = true) {
 		let scE = d.createElement("script");
-		scE.setAttribute("src", FILE_URL);
+		scE.setAttribute("src", FILE_URL + "&c=" + Date.now());
 		scE.setAttribute("type", "text/javascript");
 		scE.setAttribute("async", async);
 		d.body.appendChild(scE);

diff --git a/wled00/data/settings_leds.htm b/wled00/data/settings_leds.htm
@@ -19,7 +19,7 @@
 		// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
 		function loadJS(FILE_URL, async = true) {
 			let scE = d.createElement("script");
-			scE.setAttribute("src", FILE_URL);
+			scE.setAttribute("src", FILE_URL + "&c=" + Date.now());
 			scE.setAttribute("type", "text/javascript");
 			scE.setAttribute("async", async);
 			d.body.appendChild(scE);

diff --git a/wled00/data/settings_sec.htm b/wled00/data/settings_sec.htm
@@ -15,7 +15,7 @@
 		// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
 		function loadJS(FILE_URL, async = true) {
 			let scE = d.createElement("script");
-			scE.setAttribute("src", FILE_URL);
+			scE.setAttribute("src", FILE_URL + "&c=" + Date.now());
 			scE.setAttribute("type", "text/javascript");
 			scE.setAttribute("async", async);
 			d.body.appendChild(scE);

diff --git a/wled00/data/settings_sync.htm b/wled00/data/settings_sync.htm
@@ -15,7 +15,7 @@
 	// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
 	function loadJS(FILE_URL, async = true) {
 		let scE = d.createElement("script");
-		scE.setAttribute("src", FILE_URL);
+		scE.setAttribute("src", FILE_URL + "&c=" + Date.now());
 		scE.setAttribute("type", "text/javascript");
 		scE.setAttribute("async", async);
 		d.body.appendChild(scE);

diff --git a/wled00/data/settings_time.htm b/wled00/data/settings_time.htm
@@ -16,7 +16,7 @@
 	// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
 	function loadJS(FILE_URL, async = true) {
 		let scE = d.createElement("script");
-		scE.setAttribute("src", FILE_URL);
+		scE.setAttribute("src", FILE_URL + "&c=" + Date.now());
 		scE.setAttribute("type", "text/javascript");
 		scE.setAttribute("async", async);
 		d.body.appendChild(scE);

diff --git a/wled00/data/settings_ui.htm b/wled00/data/settings_ui.htm
@@ -166,7 +166,7 @@
 	// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
 	function loadJS(FILE_URL, async = true) {
 		let scE = d.createElement("script");
-		scE.setAttribute("src", FILE_URL);
+		scE.setAttribute("src", FILE_URL + "&c=" + Date.now());
 		scE.setAttribute("type", "text/javascript");
 		scE.setAttribute("async", async);
 		d.body.appendChild(scE);

diff --git a/wled00/data/settings_um.htm b/wled00/data/settings_um.htm
@@ -23,7 +23,7 @@
 	// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
 	function loadJS(FILE_URL, async = true) {
 		let scE = d.createElement("script");
-		scE.setAttribute("src", FILE_URL);
+		scE.setAttribute("src", FILE_URL + "&c=" + Date.now());
 		scE.setAttribute("type", "text/javascript");
 		scE.setAttribute("async", async);
 		d.body.appendChild(scE);

diff --git a/wled00/data/settings_wifi.htm b/wled00/data/settings_wifi.htm
@@ -103,7 +103,7 @@
 		// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
 		function loadJS(FILE_URL, async = true) {
 			let scE = cE("script");
-			scE.setAttribute("src", FILE_URL);
+			scE.setAttribute("src", FILE_URL + "&c=" + Date.now());
 			scE.setAttribute("type", "text/javascript");
 			scE.setAttribute("async", async);
 			d.body.appendChild(scE);

diff --git a/wled00/html_other.h b/wled00/html_other.h
diff --git a/wled00/html_pixart.h b/wled00/html_pixart.h
diff --git a/wled00/html_settings.h b/wled00/html_settings.h
diff --git a/wled00/html_simple.h b/wled00/html_simple.h
diff --git a/wled00/html_ui.h b/wled00/html_ui.h