Magento中的HTML <script> async属性

Question

我想尝试script在Magento 1.9.1 中的Prototype JavaScript 标记中插入"async"属性:

<script type="text/javascript" src="http://www.mywebsite.com/media/js/ec1651c8b1a4ea49a916679f1e120ccf.js"></script>

我会得到这个结果:

<script type="text/javascript" src="http://www.mywebsite.com/media/js/ec1651c8b1a4ea49a916679f1e120ccf.js" async></script>

我必须插入"异步"？这个行代码的文件是什么？谢谢

Answer 1

查看文件app/design/frontend/<yourlayout>/<yourtheme>/layout/page.xml(或复制app/design/frontend/base/default/layout/page.xml到您的主题).

在此文件中,搜索以下行:

<!-- ... -->
<block type="page/html_head" name="head" as="head">
    <action method="addJs"><script>prototype/prototype.js</script></action>
    <!-- ... -->
</block>
<!-- ... -->

并改变addJs电话:

<!-- ... -->
<block type="page/html_head" name="head" as="head">
    <action method="addJs"><script>prototype/prototype.js</script><params>async</params></action>
    <!-- ... -->
</block>
<!-- ... -->

由于您正在使用magento的合并javascript功能,因此您需要将此更改应用于每个addJs定义,因为Magento将按文件分组params.