单击 Safari 中的下载链接会导致单击时下载所有 target=_blank 链接，是否有解决方法？

Question

问题： 单击下载内容的链接后，所有其他具有 target="_blank" 且没有下载属性的链接在单击时下载而不是在新标签中打开。

浏览器： Safari 11.0.2

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <h3>Instructions</h3>
    <ul>
      <li>Click <a href='sample.txt' target='_blank'>ME</a> (download NOT present) to see page load in new tab then come back to this page</li>
      <li>Click <a href='sample.txt' download='sample.txt'>ME</a> (download PRESENT) to see it downloaded</li>
      <li>Click <a href='sample.txt' target='_blank'>ME</a> (download NOT present).  Safari forces this link to download</li>
    </ul>
  </body>

</html>

代码示例： https://embed.plnkr.co/IscC6LTTmpEbAMLrxyYJ/

复制：

1. 点击带有下载属性的链接
2. 下载后点击同一页面上的 target="_blank" 链接，会看到它被强制下载，而不是在新标签页中打开。

更新： 我更新了这个问题，希望能更好地解释正在发生的事情。我找到了一种解决方法，但是如果我将链接更改为 _self 而不是 _blank，那么它们在下载后会正常工作。

Answer 1

不是真正的答案，但在向苹果报告问题并等待之后，我们现在有了 Safari 11.1.1，它似乎已经解决了这个问题，所以标记为已解决。

Answer 2

关于您上面提到的问题，您有两种选择来下载文件：

在同一窗口中打开文件：

<a href="sample.txt" target="_self">Click to Download</a>

在新窗口中打开文件：

<a href="sample.txt" target="_blank">Click to Download</a>

强制文件下载窗口：
但是，如果你想强制文件下载，通过提示下载弹出框（打开或保存），然后所有您需要做的是将“下载”添加到链接中，如下所示：

<a href="sample.txt" download>Click to Download</a>

因此，您编辑的代码可能如下所示：

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <h3>Instructions</h3>
    <ul>
      <li>Click <a href='sample.txt' target='_blank'>ME</a> (download NOT present) to see page load in new tab then come back to this page</li>
      <li>Click <a href='sample.txt' download='sample.txt'>ME</a> (download PRESENT) to see it downloaded</li>
      <li>Click <a href='sample.txt' download>ME</a> (download NOT present).  Safari forces this link to download</li>
    </ul>
  </body>

</html>

希望对您有所帮助！