如何在Electron中显示唯一的特定html元素?

时间:2017-11-06 15:15:45

标签: javascript node.js webview electron

我想在电子窗口上显示特定的表单字段,如下例所示。我怎么能在Electron中做到这一点?

<head>
    <title>Page Title</title>
</head>
<div id="body">
    <div class="content">

        <!-- FROM HERE-->
        <form class="form_class" method="POST" action="/">
            <input type="text" class="login_input" name="login_input" placeholder="username">
            <input type="submit" class="login" name="submit" value="Continue">
        </form>
        <!-- TO HERE -->

        <div class="conte">
            <img src="image.png" />
        </div>
    </div>
</body>

2 个答案:

答案 0 :(得分:0)

您可以像这样使用window && window.process && window.process.type

if (window && window.process && window.process.type) {
    // Code to show form field.
}

How to detect if running in electron

答案 1 :(得分:0)

我相信您已安装node.js package manager现在您需要转到此链接electron Quick start 现在按照如何使用部分的说明进行操作:

# Clone this repository
git clone https://github.com/electron/electron-quick-start
# Go into the repository
cd electron-quick-start
# Install dependencies
npm install
# Run the app
npm start

这将运行您的电子应用程序。现在您需要做的就是使用所需的视图更改 index.html 文件。