个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我有一个基本的 html 页面，其中包含指向不同站点的链接。我想做的是跟踪点击次数。我通过在链接的 Click 事件上发送 0 像素图像调用来实现此目的，而不在单击事件上返回 false。
除了 Safari(在 Windows 操作系统上)之外，所有浏览器都可以正常工作。
当使用 javascript 单击链接时，我会延迟重定向并向服务器发送图像请求并在服务器端记录单击。我尝试增加延迟，但没有成功...跟踪器在所有浏览器上工作 gr8，除了 Safari，它根本不发送请求。
我不知道为什么，但可能是 safari 在发出请求之前等待完整的 js 执行，并且在整个 js 执行后它被重定向....
================================================== =========
<html>
<head>
<script type="text/javascript">
function logEvent(){
image = new Image(1,1);
image.onLoad=function(){alert("Loaded");};
image.onLoad=function(){alert("Error");};
image.src='http://#path_to_logger_php#/log.php?'+Math.random(0, 1000) + '=' + Math.random(0, 1000);
pauseRedirect(500);
}
function pauseRedirect(millis){
var date = new Date();
var curDate = null;
do {curDate = new Date();}
while(curDate-date < millis);
}
</script>
</head>
<body>
<a href="http://www.google.com" onclick="logEvent(); return true;">Site 1</a><br/>
<a href="http://www.yahoo.com" onclick="logEvent(); return true;">Site 2</a><br/>
</body>
</html>
================================================== =========
代码适用于 Chrome、Firefox、IE 和 Opera。仅适用于 Safari...任何线索...
最佳答案
我在使用所有 WebKit 浏览器时都遇到了同样的问题。在所有其他情况下，您只需要执行 new Image().src = "url"，即使导航到新页面，浏览器也会发送请求。当您随后导航到新页面时，WebKit 将在请求发送之前停止请求。尝试了几种将图像注入(inject)文档的技巧，甚至 force a re-paint通过 img.clientHeight。我真的不想使用 event.preventDefault，因为当链接具有 target="_blank"、表单提交等时，这会引起很多麻烦。最终对支持 Cross Origin Resource Sharing 的浏览器使用同步 XmlHttpRequest ，因为即使您无法读取响应，它也会将请求发送到服务器。同步请求有一个不幸的副作用，即在等待响应时锁定 UI 线程，因此如果服务器速度较慢，页面/浏览器将锁定，直到收到响应。
var supportsCrossOriginResourceSharing = (typeof XMLHttpRequest != "undefined" && "withCredentials" in new XMLHttpRequest());
function logEvent() {
var trackUrl = 'http://#path_to_logger_php#/log.php?'+Math.random(0, 1000) + '=' + Math.random(0, 1000);
if(supportsCrossOriginResourceSharing) {
xhrTrack(trackUrl);
} else {
imgTrack(trackUrl);
}
}
function xhrTrack(trackUrl) {
var xhr = new XMLHttpRequest();
xhr.open("GET", trackUrl, false);
xhr.onreadystatechange = function() {
if(xhr.readyState >= this.OPENED) xhr.abort();
}
try { xhr.send() } catch(e) {}
}
function imgTrack(trackUrl) {
var trackImg = new Image(1,1);
trackImg.src = trackUrl;
}
关于javascript - 链接 点击跟踪在 Safari 浏览器上不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4945764/
26
4
0
今天有小伙伴给我留言问到，try{...}catch(){...}是什么意思？它用来干什么？ 简单的说 他们是用来捕获异常的 下面我们通过一个例子来详细讲解下
我正在努力提高网站的可访问性，但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接，因
说现在是 6 点，我有一个 Timer 并在 10 点安排了一个 TimerTask。之后，System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
我就废话不多说了，大家还是直接看代码吧~ ? 1
Maven系列1 1.什么是Maven？ Maven是一个项目管理工具，它包含了一个对象模型。一组标准集合，一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。 核心功能 Mav
我是一名优秀的程序员,十分优秀！