Javascript 更改现有电子应用程序中的元素

我的任务是更改一个Electron React应用程序，该应用程序由离开我工作的组织的人编写。我从未使用过Electron，只是一点node.js。基本上，这个应用程序允许您在一个漂亮的GUI中创建表，然后将它们导出为CSV文件。有些表条目是硬编码的，我需要更改其中一个。我不想花时间从头开始学习Electron，只是在应用程序文件夹中搜索表格条目，并将各个文件（例如main.js、settings.js、bundle.js…）中的每个出现更改为新值。这通常是有效的，但应用程序中的一个字段保持不变，我不知道如何找出它在代码中的创建位置。我尝试打开浏览器开发工具，但按F12键没有任何作用。快速搜索后，我将其添加到主html文件中：

<script>
document.addEventListener("keydown", function (e) {
    if (e.which === 123) {
        require('remote').getCurrentWindow().toggleDevTools();
    } else if (e.which === 116) {
        location.reload();
    }
});
</script>

文件.添加的文件列表器（“键控”，功能（e）{
如果（e.which==123）{
require（'remote'）.getCurrentWindow（）.toggleDevTools（）；
}否则，如果（e.which==116）{
location.reload（）；
}
});

---

但它什么也没做。而且Ctrl+Shift+I什么也不做。如何更改最后一个元素？它可能是文本字段或图像。。我在应用程序文件夹中搜索了图像文件结尾，但没有找到感兴趣的内容。

您知道浏览器窗口的创建位置吗？如果是这样，您可以在传递给BrowserWindow实例（）的选项中启用开发工具，甚至可以在默认情况下使用InstanceOfBrowserWindow.WebContent.openDevTools（）打开它们。谢谢，这很有效。但是我没有成功。例如，有一个名为“安全性”的字段出现在多个位置。在eclipse中，我搜索并用“derp”替换出现的每个单词“security”。然后，当我启动应用程序时，有一个字段仍然称为“安全”，其他字段则完全消失。有一个

dist

文件夹——可能有某种编码的、不可搜索的文件，其中的单词是由某种电子编译器创建的吗？你在做什么来构建应用程序？没什么，我根本没有构建它。可能有必要。。？起初我认为不是，因为更改一些.js文件已经导致了应用程序中的更改。可能是一些文件是构建的，您有自述文件吗？可能值得一看package.json中的脚本。无论如何，构建的文件应该是源文件的产物。