Updateready #1134

ciss84 · 2024-11-06T23:04:29Z

ciss84
Nov 6, 2024

hi

ciss84 · 2024-11-06T23:05:28Z

ciss84
Nov 6, 2024
Author

im need add updateready on this code

0 replies

ciss84 · 2024-11-06T23:05:56Z

ciss84
Nov 6, 2024
Author

<title>ESP32-S2 Auto Cache(FW 9.00)</title> <script>history.replaceState(null,null,'index.html');</script>

<body>		
    <script>
            if(window.applicationCache.status==2){localStorage.is755BCached=true;}
    	window.applicationCache.ondownloading=function(){document.getElementById("progress").innerHTML="Page Caching Started!!";localStorage.is755BCached=false;};
	window.applicationCache.onprogress=function(a){document.getElementById("myBar").style.width=(Math.round(100*(a.loaded/a.total)))+"%";document.getElementById("myBar").innerHTML=(Math.round(100*(a.loaded/a.total)))+"%";};
	window.applicationCache.oncached=function(){document.getElementById("progress").innerHTML="Page Cached Successfully!!";localStorage.is755BCached=true;setTimeout(function(){window.location.reload("myBar"); }, 1500);};
    	window.applicationCache.onnoupdate=function(){window.location.replace("lndex.html");};
    	window.applicationCache.onerror=function(){window.location.replace("lndex.html");};
    </script>
		<script>
		var width = 0;
		function frame1() {
			var elem = document.getElementById("myBar");
			var i=0;
			var id = setInterval(fra, 10);
			function fra(){
			  if(i<10 && width<100){
				  width++;
				  elem.style.width = width + "%";
				  elem.innerHTML = width  + "%";
			  } i++;
			}
		}
	</script>	
	<h1 id="progress" class="titlehead">Loading.. Please Wait !!</h1><hr><br>
	<h1 id="myProgress">
	  <div id="myBar">0%</div>
	</h1>

Modder & Dev : Son84Goku - Find Me In Tweeter if you have any kind of issues ! @Son84Goku
Special thanks : *Many Many Thanks to all Contributors in PS4 Scene ∆❍X❑*

0 replies

ciss84 · 2024-11-06T23:08:01Z

ciss84
Nov 6, 2024
Author

because cache updates block at 100% and do not display full cache !! first time works fine just update cache not works need reload page

0 replies

aldostools · 2024-11-06T23:29:05Z

aldostools
Nov 6, 2024
Maintainer

Hello ciss84
I have to go out now, but I will check your code when I'm back.

0 replies

aldostools · 2024-11-06T23:39:06Z

aldostools
Nov 6, 2024
Maintainer

Meanwhile, here is some suggestion by Google's Gemini:

The updateready event is a crucial part of the HTML5 Application Cache API, signaling that a new version of your application's cached resources is ready to be activated. This event is triggered when the browser has successfully downloaded the updated files specified in your application cache manifest file.

How to Handle `updateready` Events

To handle the updateready event, you'll typically use JavaScript to listen for the event and then trigger the cache swap:

window.addEventListener('load', function() {
  window.applicationCache.addEventListener('updateready', function() {
    if (window.applicationCache.status === window.applicationCache.UPDATEREADY)   
 {
      // Trigger the update
      window.applicationCache.swapCache();
      // Optionally, you can display a notification to the user
      alert('A new version of the app is available. Reloading now.');
      window.location.reload();
    }
  }, false);
});

Breakdown of the Code:

Event Listener: We attach an event listener to the window.applicationCache object to listen for the updateready event.
Checking the Status: We check if the status property of the applicationCache object is equal to UPDATEREADY. This confirms that a new cache is ready.
Swapping the Cache: If the status is UPDATEREADY, we call the swapCache() method to activate the new cache.
User Notification: Optionally, we can display a notification to the user, informing them about the update and reloading the page.

Key Points to Remember:

Manifest File: The updateready event is triggered based on changes in your application cache manifest file. Ensure that you update the manifest file to include new or modified resources.
Browser Compatibility: While the Application Cache API is widely supported, there are some browser-specific quirks and limitations. It's essential to test your application across different browsers.
User Experience: Consider the user experience when handling updates. You might want to provide a graceful way to inform users about the update and allow them to choose when to apply it.

Modern Alternatives to Application Cache

While the Application Cache API was a useful tool in its time, modern web development practices often favor more flexible and efficient approaches:

Service Workers: Service Workers provide a more powerful and flexible way to implement offline capabilities and caching strategies.
HTTP Caching: Leveraging HTTP caching headers can be effective for caching static assets.

By understanding the updateready event and exploring modern alternatives, you can effectively manage the update process and enhance the user experience of your web applications.

Sources and related content

0 replies

aldostools · 2024-11-06T23:40:29Z

aldostools
Nov 6, 2024
Maintainer

0 replies

ciss84 · 2024-11-07T00:04:34Z

ciss84
Nov 7, 2024
Author

possible you update this code ?? have add and not works on ps5 just blok !! I would like to understand my mistake !! when you have time

2 replies

aldostools Nov 7, 2024
Maintainer

I will check if I can find something when I get back home. But I cannot promise you much, since I don't have a proper environment to test the code.

ciss84 Nov 7, 2024
Author

sent me on you have time im test tomorow im go sleep !! big thanks

aldostools · 2024-11-07T00:32:31Z

aldostools
Nov 7, 2024
Maintainer

I noticed that you have lndex.html (first letter is an L in lowercase) in the update and error events instead of index.html

Is that right?

4 replies

ciss84 Nov 7, 2024
Author

yes lndex is second html

ciss84 Nov 7, 2024
Author

after first cache lndex.html is loaded !! just after update cache block

ciss84 Nov 7, 2024
Author

on ps4 possible to clean the cache and works!! ps5 problem not working clean web cache!! for this I need the update cache

aldostools Nov 7, 2024
Maintainer

The function frame1() is never called.
It seems that the script block is unused.

Note: I'm reading the code from a cellphone. It's difficult to analyze code. I'll continue at home.

aldostools · 2024-11-07T01:52:27Z

aldostools
Nov 7, 2024
Maintainer

Checking the code used by the project ps5xploit

It uses a cache manifest file loaded in: <html manifest="cache.appcache">

The updateready event is handle in the javascript appcache_handler.js

    var appCache = window.applicationCache;

    appCache.addEventListener('updateready', function (e) {
        if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
            showToast('The site was updated. Refresh to switch to updated version',8000);
        }
    }, false);

The function showToast() used to show messages is found in custom_host_stuff.js
It uses the toast css style from main.css

1 reply

ciss84 Nov 7, 2024
Author

oki im look tnx

ciss84 · 2024-11-07T09:52:48Z

ciss84
Nov 7, 2024
Author

tnx have fixed

<title>Auto Cache(FW 5.50)</title> <script>history.replaceState(null,null,'index.html');</script>

<body>		
    <script>
            if(window.applicationCache.status==2){localStorage.is755BCached=true;}
    	window.applicationCache.ondownloading=function(){document.getElementById("progress").innerHTML="Page Caching Started!!";localStorage.is755BCached=false;};
	window.applicationCache.onprogress=function(a){document.getElementById("myBar").style.width=(Math.round(100*(a.loaded/a.total)))+"%";document.getElementById("myBar").innerHTML=(Math.round(100*(a.loaded/a.total)))+"%";};
	window.applicationCache.oncached=function(){document.getElementById("progress").innerHTML="Page Cached Successfully!!";localStorage.is755BCached=true;setTimeout(function(){window.location.reload("myBar"); }, 1500);};
        window.applicationCache.onupdateready=function(){document.getElementById("progress").innerHTML="Page Cached Successfully!!";localStorage.is755BCached=true;setTimeout(function(){window.location.reload("myBar"); }, 1500);};
    	window.applicationCache.onnoupdate=function(){window.location.replace("lndex.html");};
    	window.applicationCache.onerror=function(){window.location.replace("lndex.html");};
    </script>
		<script>
		var width = 0;
		function frame1() {
			var elem = document.getElementById("myBar");
			var i=0;
			var id = setInterval(fra, 10);
			function fra(){
			  if(i<10 && width<100){
				  width++;
				  elem.style.width = width + "%";
				  elem.innerHTML = width  + "%";
			  } i++;
			}
		}
	</script>	
	<h1 id="progress" class="titlehead">Loading.. Please Wait !!</h1><hr><br>
	<h1 id="myProgress">
	  <div id="myBar">0%</div>
	</h1>
<div style="background-color:#043836;color:white;position:fixed;left:0;bottom:-0px;width:100%;text-align:center;">
<font style='color:#87FF33'>Modder & Dev : </font>84Ciss - Find Me In Tweeter if you have any kind of issues !&nbsp;<a href="https://twitter.com/84Ciss" style='font-size:20px;text-align:center;color:yellow;'>@84Ciss</a>
<br><font style='color:#87FF33'>Special thanks : </font>*Many Many Thanks to all Contributors in PS4/PS5 Scene ∆❍X❑*

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Updateready #1134

{{title}}

Replies: 10 comments 7 replies

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

Updateready #1134

ciss84 Nov 6, 2024

Replies: 10 comments · 7 replies

ciss84 Nov 6, 2024 Author

ciss84 Nov 6, 2024 Author

ciss84 Nov 6, 2024 Author

aldostools Nov 6, 2024 Maintainer

aldostools Nov 6, 2024 Maintainer

How to Handle updateready Events

Breakdown of the Code:

Key Points to Remember:

Modern Alternatives to Application Cache

aldostools Nov 6, 2024 Maintainer

ciss84 Nov 7, 2024 Author

aldostools Nov 7, 2024 Maintainer

ciss84 Nov 7, 2024 Author

aldostools Nov 7, 2024 Maintainer

ciss84 Nov 7, 2024 Author

ciss84 Nov 7, 2024 Author

ciss84 Nov 7, 2024 Author

aldostools Nov 7, 2024 Maintainer

aldostools Nov 7, 2024 Maintainer

ciss84 Nov 7, 2024 Author

ciss84 Nov 7, 2024 Author

ciss84
Nov 6, 2024

Replies: 10 comments 7 replies

ciss84
Nov 6, 2024
Author

ciss84
Nov 6, 2024
Author

ciss84
Nov 6, 2024
Author

aldostools
Nov 6, 2024
Maintainer

aldostools
Nov 6, 2024
Maintainer

How to Handle `updateready` Events

aldostools
Nov 6, 2024
Maintainer

ciss84
Nov 7, 2024
Author

aldostools Nov 7, 2024
Maintainer

ciss84 Nov 7, 2024
Author

aldostools
Nov 7, 2024
Maintainer

ciss84 Nov 7, 2024
Author

ciss84 Nov 7, 2024
Author

ciss84 Nov 7, 2024
Author

aldostools Nov 7, 2024
Maintainer

aldostools
Nov 7, 2024
Maintainer

ciss84 Nov 7, 2024
Author

ciss84
Nov 7, 2024
Author