javascript的umentreferrer浏览器支持、失效情况总结.docVIP

javascript 的 document, referrer 浏 览器支持、失效情况总结 这篇文章主要介绍了 javascript 的 document, referrer浏览器支持、失效情况总结，比较全面 的对document, referrer在各个浏览器的支持情况、什么 情况下会失效、Referer信息相关知识介绍等，需要的朋友 可以参考下。 在流量统计服务中都有Trafficsource这个功能。 Trafficsourc e是针对访次级别的概念，换句话说，当访 次建立的时候，landing page的流量来源即是该访次的 Traffic source。虽然 Tr afficsource 有很多种，不过不 幸的是依据现在JS，获得Tr afficsource的途径只有两种 do cument. refe rrer、window ? opener?更不幸的是， window, o pener 适用的场景不多，而 document . referrer 非常的弱，以至于很多场景下无法准确判断出流量来源。 document, r eferrer 的覆盖 从使用意义上来说do cument. refe rrer希望能够追踪 到的是浏览器端行为。如果一张页面A被打开，那么浏览 器端可能会发生的动作有用户操作、JS代码两种。 先来看看用户打开页面A可能会进行的操作： 1直接在地址栏中输入A的地址 2从B页面左击linkA，跳转至A页面 3从B页面右击lin kA，在新窗口中打开 4从B页面右击1 in kA，在新标签页中打开 5拖动linkA至地址栏 6拖动linkA至标签栏 7使用浏览器的前进、后退按钮 注意这里的link即指It;A gt;标签，但是如果有事件 或者target还要另当别论。 JS打开页面可能的方式： 1 修改 w indow. locat ion 2 使用 windo w. open 3 点击f 1 ash 上面列出了客户端打开页面的一些方法，此外，如果 通过服务端的重定向技术，也能够使得页面A呈现给访客。 下面来针对具体的浏览器测试，如果是上述的这些情 况，documen t. referrer 表现如何： 序号场景 I E8. 0FF3. 6FF 4. Ochrome1直接在地址栏中输入A的地址 // // //////// 2从B页面左击link A，A页面替换B页面( target:’_se lf?) 7 7 7 7 3从B页面左击linkA，A在新窗口中打开(t arget=’ _bla nk5) 7 7 7 7 3从B页面右击linkA，在新窗口中打开V V V 4从B页面右击1 inkA，在新标签页中打开V V V 5鼠标拖动linkA至地址栏/ 6鼠标拖动linkA至标签栏 7使用浏览器的前进、后退按钮保持保持保持保持 8修改wind ow. location打开A页面(同域)〃〃 777 9使用win dow. open打开A页面〃〃 V V V 10点击flash打开A页面 11服务器重定向至A页面 其中，表示一个空的字符串，V表示能够正确判断 来源页，保持则意味使用前进后退不会改变页面的 referrer。从这张表里可以看出doc ument. refer rer能覆 盖大约一半的case。但是对于一些比较常用的操作，例如 利用鼠标拖动link至标签栏、前进后退等情况还不能做出 正确的处理。 d ocument. ref errer 的来源 浏览器在向server请求页面A的时候，会发送HTTP请 求。这个请求的Header里会带上Referer属性，s erver接 收到该请求后，可以提取出Head er里的Referer ,用于判 断访客是从哪个页面发起的请求。 一般情况下浏览器请求A时发送的Header中R eferer 是什么，那么拿到A页面后docu ment. referr e的值就是 什么。上图是一个请求A页面的Hea der，A的docum ent. referre 为 alhost/Test /b. html。 如果在Header中不包含Referre，那么用document, r eferre去取的时候，就会被赋值为空字符串。 关于HTTPS请求 如果在一张普通的HT TP页面上点击了 HTT PS的链接， 那么在ht tps请求头部可以附上Referer信息，之后在 HTTPS页面中依然可以用documen t. referre来获得普通的 http页面。 同样，如果是在一张https页面上点击了另一个HTTPS 的链接，可以在请求的头部附上Referer信息。 但是如果是从一张ht tps页面点击了 htt p链接，那 么很不幸，发送的http请求头里