我可以在 Electron 中使用 javascript 創建 HTML 頁面嗎？

Question

我知道有一種方法可以加載 html 頁面

win.loadURL("index.html");

但是，當它不是來自文件而只是由 javascript 動態生成時，我可以只加載 html 頁面嗎？

例如：

str = generateHtmlPage();
win.loadstr(str);  // just load from a string

Answer 1

Javascript 使用 DOM（文檔對象模型）與 HTML 文件交互。 並作為解析頁面的一部分執行。 從邏輯上講，您可以使用 append 到 html 頁面來構建整個頁面。

document.write("Build my page here.");

但是這個解決方案看起來很麻煩，而不是一個可取的解決方案。 也許，編輯您的問題以確定您的目標，我可能會幫助您找到合適的解決方案。

Answer 2

[timo] 已經用 [dannvix] 的要點回答了我的問題：

https://gist.github.com/dannvix/dc0efdbb75bf79a79d1c#file-electron-main-js-L21-L27

這是代碼：

// main.js for Electron
var app = require("app"),
    BrowserWindow = require("browser-window");

app.on("window-all-closed", function() {
  app.quit();
})

var mainWindow = null;
app.on("ready", function() {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    center: true,
    resizable: true,
    frame: true,
    transparent: false,
  });
  mainWindow.setMenu(null);

  // create BrowserWindow with dynamic HTML content
  var html = [
    "<body>",
      "<h1>It works</h1>",
    "</body>",
  ].join("");
  mainWindow.loadURL("data:text/html;charset=utf-8," + encodeURI(html));

  mainWindow.openDevTools();
  mainWindow.on("closed", function() {
    mainWindow = null;
  });
});

我可以在 Electron 中使用 javascript 創建 HTML 頁面嗎？

問題描述

2 個解決方案

解決方案1
0 2016-12-24 19:54:37

解決方案2
0 已采納 2016-12-28 21:52:45

我可以在 Electron 中使用 javascript 創建 HTML 頁面嗎？

問題描述

2 個解決方案

解決方案1 0 2016-12-24 19:54:37

解決方案2 0 已采納 2016-12-28 21:52:45

解決方案1
0 2016-12-24 19:54:37

解決方案2
0 已采納 2016-12-28 21:52:45