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 24 · Accepted Answer · edited Aug 03 '17 at 18:09

24

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,255
3
19
25

answered Nov 19 '15 at 19:11

Hgehlhausen

511
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? – Hgehlhausen 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

84,553
62
274
401

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

How to reload page on a Cordova project?

2 Answers2

Linked