In my quest to develop an application with Appgyver Steroids, I have encountered a challenge. The application consists of a central menu (index.html) and other pages. My main issue arises when I update cookie information on one of the pages (e.g., during login), as the menu does not reflect these changes when I return to the menu page using
steroids.layers.popAll().
Although calling:
document.location.reload();
manually triggers a page refresh which resolves this issue, I am looking for a way to automate this process.
I attempted to utilize the visibilitychange event provided by Steroids.js, but it appears to only function on iOS, leaving me in search of a solution that is compatible with Android as well.
If anyone has insights on how to ensure the menu page refreshes every time I navigate back to it, please share your knowledge. It's worth noting that Angular.js is also integrated into this project.
Thank you! By the way, this marks my debut question here.