Chrome window.open 显示失败 - 网络错误

Question

我正在使用 window.open 打开一个弹出窗口并显示一个结果 (PDF)，这在 IE/fire fox 上工作正常，并且在不久前以前也可以在 chrome 上正常工作。

这是一个活生生的例子，codepen 编辑器似乎比堆栈更好用

这是我在 chrome 中看到的：

这是代码：

function openWindow(winUrl,winName,winParams)
	{
		var win = window.open(winUrl, winName, winParams);
		win.focus();
	}
  
function showInspection(inspectionId){
     alert('inspectionId:' + inspectionId);
     openWindow('http://www.africau.edu/images/default/sample.pdf','fullscreen=no,resizable=yes,scrollbars=auto,menubar=yes,location=0,status=1');
			}

<a download target="_blank" href="javascript:showInspection('1')">
<img title="download1" src="https://cdn0.iconfinder.com/data/icons/bremen/32/phone.png"/>
</a>
<a download target="_blank" href="javascript:showInspection('2')">
<img title="download2" src="https://cdn0.iconfinder.com/data/icons/bremen/32/phone.png"/>
</a>
<a download target="_blank" href="javascript:showInspection('3')">
<img title="download3" src="https://cdn0.iconfinder.com/data/icons/bremen/32/phone.png"/>
</a>

我不知道为什么，但是这段代码在 eclipse 上运行良好，但在 stackoverflow 编辑器上却没有 - 尽管 chrome 显示了相同的症状。

更新

我添加了一个显示问题的代码盘

这是一个活生生的例子

我将 chrome 更新到版本 76.0.3809.87（官方版本）（32 位）现在它不会显示网络错误，只需打开一个空白窗口，在 URL 中包含“about:blank”

Answer 1

更新了codepen 示例，以“调试”模式打开，以演示在比普通 codepen 编辑器更真实的环境中运行的代码。如果您想编辑或查看代码，此链接将打开编辑器。

下面添加了经过修改的片段以供快速参考（请注意，这在 StackSnippets 中不起作用）：

function openWindow(winUrl, winName, winParams) {
  var win = window.open(winUrl, winName, winParams);
  // win.focus();
}

function showInspection(inspectionId) {
  alert("inspectionId:" + inspectionId);
  openWindow(
    "http://www.africau.edu/images/default/sample.pdf",
    "fullscreen=no,resizable=yes,scrollbars=auto,menubar=yes,location=0,status=1"
  );
}

const phoneIcon = document.getElementById('phone')
phoneIcon.addEventListener('click', showInspection)

<a download target="_blank" id="phone">
  <img title="download1" src="https://cdn0.iconfinder.com/data/icons/bremen/32/phone.png" />
</a>