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

Question

我正在使用 window.open 打开一个弹出窗口并显示结果 (PDF)
这适用于 IE/fire fox
直到不久前，它也曾经在 chrome 上工作得很好。

here is a live example, codepen editor seems to work better then stack

这是我在 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 显示了相同的症状。

更新

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

here is a live example

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

Answer 1

更新 codepen example , 在“调试”模式下打开以演示在比普通 codepen 编辑器更真实的环境中运行的代码。如果您想编辑或查看代码，this link打开编辑器。

下面添加了带有修改的片段以供快速引用(请注意此 在 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>