<p dir="auto">I built a browser-like app, every tab is made by webview tag, when the users click any anchor in tab pages, i listened to the 'new-window' event and then will create a new tab to perform that link, and i tried to make a menu for every tab page by "<code class="notranslate">preload script</code>", normal tab page works fine, but when showing a image (like png) link, the menu will not slide out.<br>
BUT, if i opened the devtool of that webview (the one that it's menu not shown), the menu can be shown by right click!<br>
here goes the capture:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/1631659/12803567/4d1df562-cb26-11e5-95f2-2e28f570fc8d.png"><img src="https://cloud.githubusercontent.com/assets/1631659/12803567/4d1df562-cb26-11e5-95f2-2e28f570fc8d.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">And i was considered to not creating menus in "preload script", but found that there is no way to access the <code class="notranslate">webContents</code> of <code class="notranslate">webview</code> (my purpose is to use the <code class="notranslate">webContents.savePage</code> function to act as "Save As", and, if in "preload-script", it's easy to trigger <code class="notranslate">savePage</code> by <code class="notranslate">require('remote').getCurrentWebContents()</code>).</p>
<p dir="auto">So, i'm stucked, any suggestions?</p>
<p dir="auto">I have a very little demo like this:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Hello World!&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;webview src=&quot;https://www.google.com/&quot; autosize=&quot;on&quot; minwidth=&quot;576&quot; minheight=&quot;432&quot;&gt;&lt;/webview&gt;
    &lt;/body&gt;
&lt;/html&gt;"><pre class="notranslate"><span class="pl-c1">&lt;!DOCTYPE html<span class="pl-kos">&gt;</span></span>
<span class="pl-kos">&lt;</span><span class="pl-ent">html</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">head</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">title</span><span class="pl-kos">&gt;</span>Hello World!<span class="pl-kos">&lt;/</span><span class="pl-ent">title</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">head</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">webview</span> <span class="pl-c1">src</span>="<span class="pl-s">https://www.google.com/</span>" <span class="pl-c1">autosize</span>="<span class="pl-s">on</span>" <span class="pl-c1">minwidth</span>="<span class="pl-s">576</span>" <span class="pl-c1">minheight</span>="<span class="pl-s">432</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">webview</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">html</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">When I run the application, I get a blank page, nothing displayed. But if I add some script to the page, the webview will render. e.g.:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Hello World!&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;script&gt;console.log(&quot;Hello World&quot;);&lt;/script&gt;
        &lt;webview src=&quot;http://www.baidu.com/&quot; autosize=&quot;on&quot; minwidth=&quot;576&quot; minheight=&quot;432&quot;&gt;&lt;/webview&gt;
    &lt;/body&gt;
&lt;/html&gt;"><pre class="notranslate"><span class="pl-c1">&lt;!DOCTYPE html<span class="pl-kos">&gt;</span></span>
<span class="pl-kos">&lt;</span><span class="pl-ent">html</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">head</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">title</span><span class="pl-kos">&gt;</span>Hello World!<span class="pl-kos">&lt;/</span><span class="pl-ent">title</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">head</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span><span class="pl-smi">console</span><span class="pl-kos">.</span><span class="pl-en">log</span><span class="pl-kos">(</span><span class="pl-s">"Hello World"</span><span class="pl-kos">)</span><span class="pl-kos">;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">webview</span> <span class="pl-c1">src</span>="<span class="pl-s">http://www.baidu.com/</span>" <span class="pl-c1">autosize</span>="<span class="pl-s">on</span>" <span class="pl-c1">minwidth</span>="<span class="pl-s">576</span>" <span class="pl-c1">minheight</span>="<span class="pl-s">432</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">webview</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">html</span><span class="pl-kos">&gt;</span></pre></div>