Chrome提示‘Not allowed to navigate top frame to data URL’致PDF无法下载的原因咨询

这个问题其实是Chrome浏览器特有的安全限制在搞鬼，我给你一步步拆解清楚：

核心差异：DOM中的a标签 vs 内存中的a标签 #

你原来的代码把创建好的<a>标签添加到了document.body里，而修改后的代码只是在内存里生成了这个标签，没有把它插入到页面的DOM结构中——这就是两种写法结果不同的关键。

Chrome的安全机制触发逻辑 #

Chrome有个明确的安全规则：如果页面DOM中存在一个href为Blob URL（或data URL）的链接，当它被触发时，浏览器会默认认为这是要让顶层页面框架导航到这个URL。但Chrome出于安全考量，禁止顶层框架直接导航到Blob/data URL——毕竟这类URL可能被恶意脚本用来注入未经验证的内容，存在风险。

而当你不把<a>标签插入DOM，只是在内存里设置好href和download属性，再通过JS调用link.click()触发下载时，Chrome会把这个操作识别为主动的下载请求，而非框架导航行为，所以就不会触发这个安全限制，自然就能正常下载了。

为什么其他浏览器没问题？ #

像Firefox、Safari这类浏览器的安全策略没有Chrome这么严格，它们对DOM中的Blob/data URL链接的处理更宽松：不管标签在不在DOM里，只要设置了download属性，就会优先触发下载而非导航，所以两种写法都能正常工作。

内容的提问来源于stack exchange，提问作者selvakumar