mirror of
https://github.com/electron/electron.git
synced 2026-01-24 14:57:58 -05:00
9341b9d640
- Links to docs in the default app, pointed to the docs in the master branch. I changed them to point to the docs that match Electron's version. - Added Electron's version to the header of the default app, so it will be easier to figure out what version is currently running.
140 lines
3.0 KiB
HTML
140 lines
3.0 KiB
HTML
<html>
|
|
<head>
|
|
<title>Electron</title>
|
|
<style>
|
|
body {
|
|
color: #555;
|
|
font-family: 'Open Sans',Helvetica,Arial,sans-serif;
|
|
padding: 30px;
|
|
}
|
|
|
|
h2 {
|
|
color: #2b6cc2;
|
|
font-family: "Crimson Text",Georgia,serif;
|
|
font-weight: 400;
|
|
line-height: 1.1;
|
|
letter-spacing: -0.015em;
|
|
}
|
|
|
|
a {
|
|
color: #2b6cc2;
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
pre, code {
|
|
font-family: "Menlo","Lucida Console",monospace;
|
|
border: 1px solid #ddd;
|
|
background-color: #f8f8f8;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
pre {
|
|
white-space: pre-wrap;
|
|
font-size: 13px;
|
|
line-height: 19px;
|
|
overflow: auto;
|
|
padding: 6px 10px;
|
|
}
|
|
|
|
#holder {
|
|
border: 4px dashed #ccc;
|
|
margin: 0 auto;
|
|
height: 300px;
|
|
color: #ccc;
|
|
font-size: 40px;
|
|
line-height: 300px;
|
|
text-align: center;
|
|
-webkit-user-select: none;
|
|
}
|
|
#holder.hover {
|
|
border: 4px dashed #999;
|
|
color: #eee;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
const electron = require('electron');
|
|
const remote = electron.remote;
|
|
const shell = electron.shell;
|
|
|
|
var execPath = remote.process.execPath;
|
|
var command = execPath + ' path-to-your-app';
|
|
|
|
document.onclick = function(e) {
|
|
e.preventDefault();
|
|
if (e.target.tagName == 'A')
|
|
shell.openExternal(e.target.href);
|
|
return false;
|
|
};
|
|
document.ondragover = document.ondrop = function(e) {
|
|
e.preventDefault();
|
|
return false;
|
|
};
|
|
</script>
|
|
|
|
<h2>
|
|
<script>
|
|
document.write(`Welcome to Electron (v${process.versions.electron})`)
|
|
</script>
|
|
</h2>
|
|
|
|
<p>
|
|
To run your app with Electron, execute the following command under your
|
|
Console (or Terminal):
|
|
</p>
|
|
|
|
<script>document.write('<pre>' + command + '</pre>')</script>
|
|
|
|
<p>
|
|
The <code>path-to-your-app</code> should be the path to your own Electron
|
|
app, you can read the
|
|
<script>
|
|
document.write(
|
|
`<a href='https://github.com/atom/electron/blob/v${process.versions.electron}/docs/tutorial/quick-start.md'>quick start</a>`
|
|
);
|
|
</script>
|
|
guide in Electron's
|
|
<script>
|
|
document.write(
|
|
`<a href='https://github.com/atom/electron/tree/v${process.versions.electron}/docs#readme'>docs</a>`
|
|
);
|
|
</script>
|
|
on how to write one.
|
|
</p>
|
|
|
|
<p>
|
|
Or you can just drag your app here to run it:
|
|
</p>
|
|
|
|
<div id="holder">
|
|
Drag your app here to run it
|
|
</div>
|
|
|
|
<script>
|
|
var holder = document.getElementById('holder');
|
|
holder.ondragover = function () {
|
|
this.className = 'hover';
|
|
return false;
|
|
};
|
|
holder.ondragleave = holder.ondragend = function () {
|
|
this.className = '';
|
|
return false;
|
|
};
|
|
holder.ondrop = function (e) {
|
|
this.className = '';
|
|
e.preventDefault();
|
|
|
|
var file = e.dataTransfer.files[0];
|
|
require('child_process').execFile(execPath, [file.path], {
|
|
detached: true, stdio: 'ignore'
|
|
}).unref();
|
|
return false;
|
|
};
|
|
</script>
|
|
</body>
|
|
</html>
|