javascript - 谷歌浏览器无法在新标签页中打开 blob

Question

我在两个标签中有相同的 blob URL。

一个标签有 target="_blank" 用于在新标签页中打开链接，另一个标签用于下载。

“下载”没问题，但“在新标签页中打开”只适用于 Firefox。对于谷歌浏览器，它一直闪烁，点击链接后立即打开然后关闭。

<a id="view" href="" target="_blank">View Blob in new tab</a>
<a id="download" href="" download="abc.txt">Download Blob</a>
<script>
    $(function(){
        var myBlob = new Blob(['Hello, I am Blob content'], {type: 'text/plain'})
        var url = URL.createObjectURL(myBlob);
        $("a#view").attr("href", url);
        $("a#download").attr("href", url);
    });
</script>

这是 Google Chrome 的错误吗？ (我的 Chrome 版本是:54.0.2840.99 x64)

现场演示:

https://jsfiddle.net/fa0kstm5/

Answer 1

原因可能是 AdBlock。 StackOverflow 上有一个讨论:Open blob objectURL in Chrome .

要禁用 AdBlock，请单击地址栏旁边的 AdBlock 图标，然后单击“不要在此页面上运行”或“不要在此域中的页面上运行”。