电子 - 如何显示包含div内容的子窗口?

时间:2017-12-30 21:25:04

标签: javascript html electron

我想打开第二个窗口,点击来自第一个窗口的html中div的内容。

我得到了以下信息:

Main.js |第二窗口

categoryWindow = new BrowserWindow ({
      width: 400,
      height: 400,
      backgroundColor: '#323232',
      frame: false,
      show: false
    });

    categoryWindow.loadURL(url.format({
      pathname: path.join(__dirname, 'assets/html/game.html'),
      protocol: 'File:',
      slashes: true
    }));

    ipcMain.on('category-window', (event, content) => {
      categoryWindow.webContents.send('category-window', content);

      categoryWindow.show();
    });

Main.html |包含div内容的Html

<div class="category-ct">
  <div class="category-add">
    <button class="category-add-button" id="category-add"><p class="category-add-text">Add Category</p></button>
  </div>
  <!-- Category Add Content -->
  <div class="category-add-content" id="category-add-content">
    <p>This should be shown in second window</p>
  </div>
</div>

它有效,但整个html内容都会显示出来。有没有办法只加载#category-add-content div中的内容?

0 个答案:

没有答案