electronを使う

chromeのアドレスバーなしでキャプチャしたかったのだが window.openでもアドレスバーはセキュリティの問題で消すことができない。 そこでElectronを使うことにした。

インストール

https://qiita.com/umamichi/items/6ce4f46c1458e89c4cfc

コマンドラインでmain.jsを実行

Electron ./main.js

main.js

const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;

let mainWindow = null;
app.on('ready', () => {
  // mainWindowを作成（windowの大きさや、Kioskモードにするかどうかなどもここで定義できる）
  mainWindow = new BrowserWindow({width: 1440, height: 810});
  // Electronに表示するhtmlを絶対パスで指定（相対パスだと動かない）
  mainWindow.loadURL('https://kitasenjudesign.com/html/');
  mainWindow.on('closed', function() {
    mainWindow = null;
  });
});