How to call a JavaScript function on a web page rendered by Electron?

Question

I'm trying to write a wrapper for Twitter using Electron (formerly Atom Shell).

My main.js file (it looks almost identical to the "Hello World" example, I just changed it in one place):

var app = require('app');  // Module to control application life. var BrowserWindow = require('browser-window');  // Module to create native browser window.  // Report crashes to our server. require('crash-reporter').start();  // Keep a global reference of the window object, if you don't, the window will // be closed automatically when the javascript object is GCed. var mainWindow = null;  // Quit when all windows are closed. app.on('window-all-closed', function() {   if (process.platform != 'darwin')     app.quit(); });  // This method will be called when atom-shell has done everything // initialization and ready for creating browser windows. app.on('ready', function() {    // Create the browser window.   mainWindow = new BrowserWindow ({'width':1000,'height':600});   // and load the index.html of the app.   mainWindow.loadUrl('https://twitter.com');    // Emitted when the window is closed.   mainWindow.on('closed', function() {     // Dereference the window object, usually you would store windows     // in an array if your app supports multi windows, this is the time     // when you should delete the corresponding element.     mainWindow = null;   }); }); 

I try to call alert() function right after mainWindow.loadUrl() but it does not execute.

I understand that main.js file is like the server side of my app, but the question is... How can I call a JavaScript function on page? Where should I write the code?

For example, I want to perform this:

$(document).ready(function() {     alert("Hurray!"); }); 

Answer 1

I have solved the problem. Here's the example code:

...  app.on('ready', function() {    ...    mainWindow.webContents.on('did-finish-load', function() {     mainWindow.webContents.executeJavaScript("alert('Hello There!');");   });    ...  });