CODEWITHSUNDEEP
electron
gevik
gevik

Reputation: 3407

DOM ready event inside Electron how?

This is a silly question, but I could not find a clear answer on the web.

Do I need to listen to a special "dom-ready-event" if my app is running within a BrowserWindow in Electron? For instance in a Cordova/PhoneGap app I read you can start doing things after the deviceready event.

I would like to know how this is done in Electron? Is one of the following enough?

document.addEventListener("DOMContentLoaded", startApp);
window.addEventListener("load", startApp);

Thank you.

Upvotes: 1

Views: 4195

Answers (1)

Alex Warren
Alex Warren

Reputation: 7547

Cordova has deviceready because it has both native code and JavaScript code, and potentially JavaScript might run before the native code has finished loading.

You don't have the same problem in Electron. You have a main process (main.js) which creates your BrowserWindow, so by the time any client-side JavaScript is running, your main process has definitely already started because it was the thing that created your browser window in the first place!

Inside the browser window the same events fire as they would on a normal webpage. So if you wanted to, you could use DOMContentLoaded or load (for the difference see this article on MDN), just in the same way as you would for a regular web application. But you certainly don't need to before calling any of the Electron APIs.

Upvotes: 1

Related Questions