Skip to content

Instantly share code, notes, and snippets.

@felixrieseberg

felixrieseberg/index.html

Created October 7, 2019 21:46
Show Gist options
  • Save felixrieseberg/7e7322fc3b40d5a9ede016aea321df1b to your computer and use it in GitHub Desktop.
Save felixrieseberg/7e7322fc3b40d5a9ede016aea321df1b to your computer and use it in GitHub Desktop.
Download ZIP
Electron Fiddle Gist
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
<!-- All of the Node.js APIs are available in this renderer process. -->
Height: <script>document.write(window.outerHeight)</script>
Width: <script>document.write(window.outerWidth)</script>
</body>
</html>
Raw
main.js
// Modules to control application life and create native browser window
const {app, BrowserWindow} = require('electron')
// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
let mainWindow
function createWindow () {
// Create the browser window.
mainWindow = new BrowserWindow({
width: 300,
height: 276,
x: 30,
y: 30,
resizable: false
})
// and load the index.html of the app.
mainWindow.loadFile('index.html')
// Open the DevTools.
// mainWindow.webContents.openDevTools()
// Emitted when the window is closed.
mainWindow.on('closed', function () {
mainWindow = null
})
}
app.on('ready', createWindow)
Raw
renderer.js
// This file is required by the index.html file and will
// be executed in the renderer process for that window.
// All of the Node.js APIs are available in this process.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment