zoukankan      html  css  js  c++  java
  • 为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片?

    • 避免跨域(img 天然支持跨域)
    • 利用空白gif或1x1 px的img是互联网广告或网站监测方面常用的手段,简单、安全、相比PNG/JPG体积小,1px 透明图,对网页内容的影响几乎没有影响,这种请求用在很多地方,比如浏览、点击、热点、心跳、ID颁发等等,
    • 图片请求不占用 Ajax 请求限额
    • GIF的最低合法体积最小(最小的BMP文件需要74个字节,PNG需要67个字节,而合法的GIF,只需要43个字节)
    • 不会阻塞页面加载,影响用户的体验,只要new Image对象就好了,一般情况下也不需要append到DOM中,通过它的onerror和onload事件来检测发送状态。
    • 示例:
      <script type="text/javascript">
       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)
       + "&ref=" + encodeURI(referringPage);
      </script>
    好记性不如烂笔头,看到自己觉得应该记录的知识点,结合自己的理解进行记录,用于以后回顾。
  • 相关阅读:
    响应式布局
    C# 基础复习 二 面向对象
    C# 基础复习 一 数据类型
    .net 面试题
    Unity5.X 创建基本的3D游戏场景
    Unity5.X 编辑器介绍
    Unity5.X 开发资源介绍
    SignalR
    vue-cli
    Vue.js
  • 原文地址:https://www.cnblogs.com/wangxi01/p/11224534.html
Copyright © 2011-2022 走看看