How to reload page on a Cordova project?

Question

I am building an app, using polymer starter kit & cordova to wrap the project. Now, since I use firebase as a database for storing data, I ended up using two native firebase javascript function to find user data:

getAuth()

var ref = new Firebase("https://<YOUR-FIREBASE-APP>.firebaseio.com");
var authData = ref.getAuth();
if (authData) {
  console.log("Authenticated user with uid:", authData.uid);
}

onAuth()

var ref = new Firebase("https://<YOUR-FIREBASE-APP>.firebaseio.com");
ref.onAuth(function(authData) {
  if (authData) {
    console.log("Authenticated with uid:", authData.uid);
  } else {
    console.log("Client unauthenticated.")
  }
});

Those two functions require a reload to bring back data from firebase, but :

window.location.reload();

doesn't work

Alos looked for a Cordova plugin: webview-reloader, installed it but redirect and reload still not working.

When i use the reload() function the screen of my android phone is going white and the application stop working. Need to close the app and open it again.

Did you try `document.location = 'index.html'`? http://stackoverflow.com/a/8506527 — Deurco, Oct 01 '15 at 12:41
Did try document.location = 'index.html' and that throw an error, saying that he canno't find the file location — Dragod83, Oct 01 '15 at 13:16

score 23 · Accepted Answer · edited Aug 03 '17 at 18:09

23

Since Cordova is a wrapper around a browser window:

window.location.reload(true);

It works for the browser windows as well as a Cordova app.

edited Aug 03 '17 at 18:09

Vik

3,495
3
22
25

answered Nov 19 '15 at 19:11

ShatrdWing

509
4
11

1

No, this does not reloads anything — Failed to load webpage with error: Frame load interrupted – artuska Feb 27 '18 at 10:54
Could you provide some example code to illustrate why it doesn't work for you? – ShatrdWing Feb 28 '18 at 15:00
Here an example — window.location.reload() – artuska Mar 01 '18 at 09:41
1

This won't work if you use something like angular which does html5 push state routing; the URL the page thinks it is will have changed. – taxilian May 11 '18 at 04:13

score 9 · Answer 2 · answered Jun 15 '16 at 13:47

9

This works for iOS and Android (at least with 2016 platform versions).

// keep startup url (in case your app is an SPA with html5 url routing)
var initialHref = window.location.href;

function restartApplication() {
  // Show splash screen (useful if your app takes time to load) 
  navigator.splashscreen.show();
  // Reload original app url (ie your index.html file)
  window.location = initialHref;
}

answered Jun 15 '16 at 13:47

Sebastien Lorber

89,644
67
288
419

Still works today for our React cordova app. Thank you – Cameron Cobb Jan 30 '21 at 08:30
What if I just want to refresh the current webpage on Cordova app? – Rohit Singh Feb 08 '22 at 20:54

score 0 · Answer 3 · edited Sep 06 '22 at 06:17

0

if (this.cordovaService) { // is cordova
    this.window.location.href = `${this.window.location.protocol}//${this.window.location.host}`;
} else {
    this.window.location.reload();
}

edited Sep 06 '22 at 06:17

patrick.elmquist

2,113
2
21
35

answered Sep 04 '22 at 08:36

Alex Vitari

51
1
3

This answer was reviewed in the [Low Quality Queue](https://stackoverflow.com/help/review-low-quality). Here are some guidelines for [How do I write a good answer?](https://stackoverflow.com/help/how-to-answer). Code only answers are **not considered good answers**, and are likely to be downvoted and/or deleted because they are **less useful** to a community of learners. It's only obvious to you. Explain what it does, and how it's different / **better** than existing / accepted answers. – Trenton McKinney Sep 05 '22 at 17:55

How to reload page on a Cordova project?

3 Answers3

Linked