使用 node-webkit 创建自定义 Web 界面应用程序并使用 Javascript 操作 DOM

Question

我想为网站创建自定义 Web 界面/应用程序。基本上是重要摘要数据的简化/自定义视图。如果源站点发生更改，数据可以在应用程序本地缓存并每周更新。我正在使用两个窗口。一个窗口我从远程站点加载 html，第二个窗口我使用 Javascript 操作第一个窗口的 DOM/表，只显示重要的信息。如果有更好的方法或工具可以做到这一点，因为我还没有找到它。我遇到了 Javascript 无法操作第一个窗口的 DOM 的问题。

我正在尝试从在第一个窗口中运行的 javascript（启动 node-webkit）编辑/格式化第二个窗口中的 DOM（隐藏/删除表行更改颜色）。 文档说我应该可以通用访问其他窗口？我如何确保这是真的？

var gui = require('nw.gui');
var new_win = gui.Window.get( window.open('http://example.com/index.html'));
var my_elem = new_win.document.getElementById('myelement');
my_elem.style.display='none';

类型错误：无法读取未定义的“getElementById”属性

有什么想法吗？

Answer 1

为了访问新窗口的文档属性，您必须在窗口键中访问它。

基本上将您的第 3 行更改为：

var my_elem = new_win.window.document.getElementById('myelement');