Google 跟踪代码管理器破坏了标记上的下载属性

Question

我们遇到一个问题，即文件未在“另存为”对话框中自动填充。

下面的标签由 JSONToCsvService(library) 生成并附加到 body 标签。

分析报告

当我们单击此元素时，它应该在同一窗口中弹出一个“另存为”对话框并预先填充文件名（在上面的例子中为 Sample.csv）

当没有 Google 跟踪代码管理器时，文件名会在“另存为”对话框中正确显示。启用 Google 跟踪代码管理器后，会下载文件，但不会自动填充文件名。

Answer 1

我们的链接元素看起来像这样。

<a href="data:text/csv;charset=utf-8,%20Messages%20Sent" download="Analytics_Summary.csv">Download File</a>

添加目标属性解决了这个问题。

<a href="data:text/csv;charset=utf-8,%20Messages%20Sent" download="Analytics_Summary.csv" target="_blank">Download File</a>