1x1单像素图片在网络请求中的作用 source 用隐

【1x1单像素图片在网络请求中的作用】 source 用隐藏的img，通过src的调用后台逻辑有什么好处？
英文术语叫：image beacon在Google 的 Make the Web Faster 的 #Track web traffic in the background 中有提到。
主要应用于只需要向服务器发送数据(日志数据)的场合，且无需服务器有消息体回应。比如收集访问者的统计信息。
一般做法是服务器用一个1x1的gif图片来作为响应，当然这有点浪费服务器资源。因此用header来响应比较合适，目前比较合适的做法是服务器发送"204 No Content"，即“服务器成功处理了请求，但不需要返回任何实体内容”。
另外该脚本的位置一般放在页面最后以免阻塞页面渲染,并且一般情况下也不需要append到DOM中。通过它的onerror和onload事件来检测发送状态。
\u0026lt;script type="text/javascript"\u0026gt; var thisPage = location.href; var referringPage = (document.referrer) ? document.referrer : "none"; var beacon = new Image(); beacon.src = "http://www.example.com/logger/beacon.gif?page=" + encodeURI(thisPage) + "\u0026amp;ref=" + encodeURI(referringPage);\u0026lt;/script\u0026gt;这样做和ajax请求的区别在于：1.只能是get请求，因此可发送的数据量有限。2.只关心数据是否发送到服务器，服务器不需要做出消息体响应。并且一般客户端也不需要做出响应。3.实现了跨域。

■网友
是不是1x1image根本不重要，重要的是一个完整的requestresponse过程，这中间能干的事可就太多了。
■网友
跟踪。

1x1单像素图片在网络请求中的作用

推荐阅读

熟蛋返生论文引热议，期刊若违规登论文将负哪些法律责任

冬天适合喝什么茶？

人民日报|生肖牛年邮票来了！《辛丑年》特种邮票启动印制

命根子|“别给我接上”男子酒后切掉“命根子”，家属：因为两个女儿

自如|不降价就解约！长租公寓平台“逼迫”业主降价惹争议

[光明网]湖北省新冠肺炎治愈率超过93%

穿搭|张天爱穿衣真胆大，身大红色玫瑰花图案连衣裙现身，气质艳压全场

丰田汉兰达|丰田又成功了，被称小汉兰达，油耗仅4.6L，一上市就火了

情感|这一句诗一语双关，既反映出无数少年少女心底对于恋爱的美好渴望

绿色青浦|宋庆龄学校： “小小地球村”学子 “云快闪”为全人类祈福

张家界三日游多少钱(张家界一般玩几天)

『九酷娱乐』一起来学习下，健身多久可以见到成效？每周应该如何练才会更科学

曹操善于用人体现在哪些方面?曹操具有什么品质的人

央视曝光毒饮品，比“地沟油”还脏，父母却当“补品”给孩子喝

科学家|宇宙实际上是一个“超级黑洞”？科学家的发现颠覆认知

中国青年网|英格兰艺术家创作缩小版梵高莫奈等画家名画

乐游田园间慢享观光园 | 曹娥街道开展“百城千县万村”调研活动

淡淡清香|历史上仅次于杭州，如今却十分低调，浙江一处曾经繁华千年的古镇

鸡蛋如何变皮蛋,变蛋和皮蛋的做法-_1

肝胆外科医生刘波|没有脾脏的人，还能正常生活吗？马上给你揭开谜底