<p dir="auto">UPDATE: I've solved the problem but I am now filing a bug report instead of a request for help. See below.</p>
<p dir="auto"><strong>Original request for help:</strong></p>
<ul dir="auto">
<li>Electron version: v0.37.5</li>
<li>Operating system: Mac OS X 10.11.4</li>
</ul>
<p dir="auto">I'm building my first Electron app.</p>
<p dir="auto">My WebView, which was working just fine, has suddenly stopped loading URLs and/or data URLs.</p>
<p dir="auto">I was distracted and didn't notice what change if any I made at the time the WebView stopped working.</p>
<p dir="auto">In my <code class="notranslate">index.html</code>, I'm trying each of the following, one at a time:<br>
<code class="notranslate">&lt;webview src="data:text/plain,Hello, world!"&gt;&lt;/webview&gt;</code><br>
<code class="notranslate">&lt;webview src="https://www.example.com/"&gt;&lt;/webview&gt;</code></p>
<p dir="auto">The overall structure of my <code class="notranslate">index.html</code> is:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="div display:table
    div display:table-row
        div display:table-cell
            sidebar content
        div display:table-cell
            div wrapper (height &amp; width set to 100%)
                webview"><pre class="notranslate"><code class="notranslate">div display:table
    div display:table-row
        div display:table-cell
            sidebar content
        div display:table-cell
            div wrapper (height &amp; width set to 100%)
                webview
</code></pre></div>
<p dir="auto">In my <code class="notranslate">index.css</code> I have:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="webview {
  autosize: on;
  min-width: 800px; // the width of the enclosing div's parent
  min-height: 600px; // the ehight of the enclosing div's parent
  background-color: blue; // just so I can visually check the webview's dimensions
  display: inline-block;
}"><pre class="notranslate"><code class="notranslate">webview {
  autosize: on;
  min-width: 800px; // the width of the enclosing div's parent
  min-height: 600px; // the ehight of the enclosing div's parent
  background-color: blue; // just so I can visually check the webview's dimensions
  display: inline-block;
}
</code></pre></div>
<p dir="auto">My <code class="notranslate">main.js</code> instantiates the browser window in the usual way:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="  mainWindow = new BrowserWindow({
    width: 1050, 
    height: 622,
    resizable: false,
  });
"><pre class="notranslate"><code class="notranslate">  mainWindow = new BrowserWindow({
    width: 1050, 
    height: 622,
    resizable: false,
  });

</code></pre></div>
<p dir="auto">The window and its sidebar content load and display correctly.</p>
<p dir="auto">The webview displays with a blue background in the desired location and with the desired dimensions.</p>
<p dir="auto">However, it contains no content -- neither the "Hello world" message nor the Example.com website.</p>
<p dir="auto">When I change the webview to an iframe, the content does load and the iframe is in the correct location, though smaller than intended.</p>
<p dir="auto">When I made a new copy of <code class="notranslate">electron-quick-start</code> and paste in just the webview code, it initially displays the "Hello world" message and/or the Example.com website, but when I paste in the entire HTML and CSS it stops working. And now it's stopped working full-stop.</p>
<p dir="auto">I've linked to the code in full case it helps:</p>
<ul dir="auto">
<li><a href="https://gist.github.com/snoblenet/23dd8aea10ee6a7e9d04685a7e22d9ae">app/html</a></li>
<li><a href="https://gist.github.com/snoblenet/7c462c18d28367ca74f27667a8eed081">app/index.css</a></li>
<li><a href="https://gist.github.com/snoblenet/a69e7ae17f0e8442009398987d89f93a">main.js</a></li>
<li><a href="https://gist.github.com/snoblenet/9308701e22bc45bf3a669ffb2ead7c0a">package.json</a></li>
</ul>
<p dir="auto">What process would I follow to debug this?</p>
<p dir="auto"><strong>UPDATE &amp; BUG REPORT</strong></p>
<p dir="auto">I solved this by inserted random non-empty script into the  of the HTML (inspired by an earlier bug report about an earlier version of Electron that required a script in  for  to render correctly.  This appears to to be a new bug.</p>
<p dir="auto">Incidentally, I also had to comment out <code class="notranslate">display: inline-block;</code> in the stylesheet for the webview to be the right height and width once it started displaying again.</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>