electron/docs/fiddles/windows/manage-windows/new-window/index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
</head>
<body>
  <h2>Create a new window</h2>
  <h3>Supports: Win, macOS, Linux <span>|</span> Process: Main</h3>
  <button id="new-window">View Demo</button>
  <p>The <code>BrowserWindow</code> module gives you the ability to create new windows in your app.</p>
  <p>There are a lot of options when creating a new window. A few are in this demo, but visit the <a href="https://www.electronjs.org/docs/latest/api/browser-window">documentation<span>(opens in new window)</span></a>
<div>
            <h2>ProTip</h2>
            <strong>Use an invisible browser window to run background tasks.</strong>
            <p>You can set a new browser window to not be shown (be invisible) in order to use that additional renderer process as a kind of new thread in which to run JavaScript in the background of your app. You do this by setting the <code>show</code> property to <code>false</code> when defining the new window.</p>
            <pre><code><span>var</span> win = <span>new</span> BrowserWindow({
  <span>width</span>: <span>400</span>, <span>height</span>: <span>225</span>, <span>show</span>: <span>false</span>
})</code></pre>
          </div>
    <script>
    // You can also require other files to run in this process
    require('./renderer.js')
  </script>
</body>
</html>
docs: New fiddle example 'Create a new window' (#20480) * add: New fiddle for Manage Windows section example * Delete package.json Not needed * Address issue with .gitignore file, load new window, removing unwanted css class * Delete package.json * Pushing change regarding the use of shell.OpenExternal API with an event listener for the href tag on the link 2020-01-13 06:35:56 +00:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<meta charset="UTF-8">`
			`</head>`
			`<body>`
			`<h2>Create a new window</h2>`
docs: minor grammar & spelling fixes (#22851) * docs: fix minor grammar error 'punctuations' * docs: fix minor grammar error pluralizing Chromium * docs: fix typo 'updateCurrentActiviy' * docs: use consistent spelling of 'behavior' * docs: use 'macOS' instead of 'Mac OS' or 'OS X'. * docs: use 'GTK' instead of 'GTK+' https://mail.gnome.org/archives/gtk-devel-list/2019-February/msg00000.html * docs: minor capitalization: use 'TCP' not 'tcp' * Update docs/development/build-instructions-linux.md Co-Authored-By: Mark Lee <malept@users.noreply.github.com> Co-authored-by: Mark Lee <malept@users.noreply.github.com> Co-authored-by: John Kleinschmidt <jkleinsc@github.com> 2020-03-31 04:06:25 +00:00			`<h3>Supports: Win, macOS, Linux <span>\|</span> Process: Main</h3>`
docs: New fiddle example 'Create a new window' (#20480) * add: New fiddle for Manage Windows section example * Delete package.json Not needed * Address issue with .gitignore file, load new window, removing unwanted css class * Delete package.json * Pushing change regarding the use of shell.OpenExternal API with an event listener for the href tag on the link 2020-01-13 06:35:56 +00:00			`<button id="new-window">View Demo</button>`
docs: remove references to remote from docs (#25416) 2020-09-14 17:36:54 +00:00			`<p>The <code>BrowserWindow</code> module gives you the ability to create new windows in your app.</p>`
docs: handle opening links in the default browser in main.js (part #2) (#39473) docs: handle opening links in the default browser in main.js 2023-08-14 08:04:29 +00:00			`<p>There are a lot of options when creating a new window. A few are in this demo, but visit the <a href="https://www.electronjs.org/docs/latest/api/browser-window">documentation<span>(opens in new window)</span></a>`
docs: New fiddle example 'Create a new window' (#20480) * add: New fiddle for Manage Windows section example * Delete package.json Not needed * Address issue with .gitignore file, load new window, removing unwanted css class * Delete package.json * Pushing change regarding the use of shell.OpenExternal API with an event listener for the href tag on the link 2020-01-13 06:35:56 +00:00			`<div>`
			`<h2>ProTip</h2>`
			`<strong>Use an invisible browser window to run background tasks.</strong>`
			`<p>You can set a new browser window to not be shown (be invisible) in order to use that additional renderer process as a kind of new thread in which to run JavaScript in the background of your app. You do this by setting the <code>show</code> property to <code>false</code> when defining the new window.</p>`
			`<pre><code><span>var</span> win = <span>new</span> BrowserWindow({`
			`<span>width</span>: <span>400</span>, <span>height</span>: <span>225</span>, <span>show</span>: <span>false</span>`
			`})</code></pre>`
			`</div>`
			`<script>`
			`// You can also require other files to run in this process`
			`require('./renderer.js')`
			`</script>`
			`</body>`
			`</html>`