通过document.write调用一个Parser-blocking，cross-origin脚本 - 如何规避它？

Question

Google Chrome开始在慢速网络上实施Blocking the load of cross-origin, parser-blocking scripts inserted via document.write in the main frame，这会导致以下错误：

  

通过document.write调用分析器阻塞的跨源脚本http://example.org/script.js。如果设备网络连接不良，浏览器可能会阻止此操作。

但是，我的网页需要使用document.write('<script src="..."></script>')同步加载第三方脚本。如何规避封锁？

有关此更改的更多信息：

• Design document
• Longer document
• Web Incubator CG issue
• Chrome Issue

Answer 1

根据Google Developers article，你可以：

• 使用<script src="..." async>或element.appendChild()，
使用异步脚本加载
• Submit the script provider to Google for whitelisting。

Answer 2

@niutech 我遇到了由Cloudflare的 Rocket Loader Module 引起的类似问题。 只需为网站禁用它，它就会解决所有相关问题。

Answer 3

不要使用document.write，这是解决方法：

var script = document.createElement('script');  
script.src = "....";  
document.head.appendChild(script);