【问题标题】:phalcon volt "javascript_include" how to add async or defer in the include URLphalcon volt "javascript_include" 如何在包含 URL 中添加异步或延迟
【发布时间】:2017-04-07 21:24:27
【问题描述】:

当我在 .volt 中使用这行代码时

{{ javascript_include('https://maps.googleapis.com/maps/api/js?key=AIzaSyBizbimR5WObPb2Euy4ICC-dZp8Mm7Y7cM&callback=initMap') }}

在浏览器的源代码中显示如下

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBizbimR5WObPb2Euy4ICC-dZp8Mm7Y7cM&callback=initMap"></script>

我的地图不起作用,它需要在包含 url 中“延迟”,如下面的输出

我如何使用javascript_include实现以下目标

<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBizbimR5WObPb2Euy4ICC-dZp8Mm7Y7cM&callback=initMap">
    </script>

【问题讨论】:

    标签: javascript php google-maps phalcon volt


    【解决方案1】:

    这个:

    {{ javascript_include( [ "src":"https://maps.googleapis.com/maps/api/js?key=AIzaSyBizbimR5WObPb2Euy4ICC-dZp8Mm7Y7cM&callback=initMap" , "async":"true", "defer":"true" ] ) }}
    

    渲染这个:

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBizbimR5WObPb2Euy4ICC-dZp8Mm7Y7cM&amp;callback=initMap" async="true" defer="true"></script>
    

    【讨论】:

      【解决方案2】:

      您可以使用 AssetManager 执行此操作,但我不确定来自 volt。

      编辑:看起来可能?我对 phalcon 不是很熟悉,看here

      看看这个: 在此处查看文档:

      https://docs.phalconphp.com/en/latest/api/Phalcon_Assets_Manager.html

      $this->asset->addJs('path/to/file', null, false, array('async' => 'async', 'defer' => 'defer'));
      

      【讨论】:

      • 我正在使用 volt 模板,这可能吗?因为我注意到它是给树枝的
      【解决方案3】:

      我没有足够的声誉来回答 Naeem 关于 volt 模板和断言管理的问题。

      这里是 Phalcon 资产管理的链接: https://docs.phalconphp.com/en/latest/reference/assets.html

      注意视图中的 volt 语法:

      {{ assets.outputJs() }}
      

      在控制器中:

      $this->assets->addJs('path/to/file', null, false, array('async' => 'async', 'defer' => 'defer'));
      

      【讨论】:

      • $this->asset 部分给我错误你知道我将如何在控制器中包含资产吗?
      • 我相信我在 12 月 2 日 18:56 回答的答案是正确答案,并且直接涉及您的原始问题。你试过吗?至于你的欧元,你没有发布错误。我也相信这个答案有错字。 $this->asset->addJs(... 应该是 $this->assets->addJs(...
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-04-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多