当我注意到Firefox正在请求位于HTML5模板标签内的img的src属性中定义的url时，我正在使用DevTools调试我的Web应用程序，而Chrome则没有。
我正在使用上一个版本（50.0）。
这是一个错误吗？
以下示例：
<template id="object-img">
<div class='object-container'>
<div>
<img src="cacaca.jpg" class="img-responsive" alt="imagem" />
</div>
</div>
</template>
答案 0 :(得分：0)
这是Firefox的一种优化。
如果image不在浏览器的历史记录/缓存中，则仅首次请求image。后续重新加载页面不会再次触发请求。
问题是<template>内的<template>是在以下但是在渲染的DOM中的普通图像之前请求的，这在某些情况下会适得其反。解决方案是将template放在其他图像之后。
注意： <?php
foreach($users->results() as $user){
echo
'<li>
<a href="javascript:void(0);" title="Users">
<span>' . $user->userName . '</span>
</a>
<div class="sidebar-submenu">
<ul>
<li><a href="personalInfomation.php" title="Personal Information"><span>Personal Information</span></a></li>
<li><a href="accountInformation.php" title="Account Information"><span>Account Information</span></a></li>
<li><a href="familyMembers.php" title="Family Members"><span>Family Members</span></a></li>
</ul>
</div>
</li>';
}
}
?>
规范声明模板中的元素未呈现，但它们被解析。他们没有提及预加载引用的资源。