如果他们的URL在<script>中被“隐藏”，浏览器是否仍会加载图片？

Question

请帮助我理解以下内容。

＆＃xA;＆＃xA;

我使用PHP（WordPress）生成带有某种数据的JS对象，如：

＆＃ xA;＆＃xA;

  $ data = array（＆＃xA; array（＆＃xA;'title'=＆gt;'Title 1'，＆＃xA;'image'=＆gt;'https ：//example.com/image1.jpg'
），＆＃xA;数组（＆＃xA;'title'=＆gt;'标题2'，＆＃xA;'image'=＆gt;'https ：//example.com/image2.jpg'
）＆＃xA;）;＆＃xA;？＆gt;＆＃xA;＆lt; script type =“text / javascript”＆gt;＆＃xA; var myVar =＆lt;？php echo wp_json_encode（$ data）; ？＆gt ;;＆＃xA;＆lt; / script＆gt;＆＃xA;  

＆＃xA;＆＃xA;

然后我使用 myVar通过JS渲染我的部分对象并将所有图像URL（最初未显示）传递给服务工作者，以便将其下载到缓存中。

＆＃xA;＆＃xA;

但在Chrome（网络标签）中，我看到了正在加载页面时正在下载所有图像。

＆＃xA;＆＃xA;

这是常规浏览器行为还是我错过了什么？＆＃xA;我不需要将它们下载到开头，但只能通过SW或我的脚本对用户事件做出反应并更改图像 src 标记。

＆＃xA;＆＃xA;

提前致谢！

＆＃XA;