ping属性触发的是浏览器发起的、不可拦截的、无凭据的post请求，需满足href为跨源绝对url、用户真实点击、rel="noreferrer"等条件才生效，同源时被静默丢弃，且不走cors与service worker。

ping 属性触发的是什么请求？

点击 @#@#@#@#@#@#@#@#@#@0

为什么收不到后端请求？常见排查点

后端收不到请求，大概率不是代码写错了，而是浏览器根本没发出去。检查以下几点：

• 打开 DevTools → Network 标签页 → 点击链接后筛选 Other 或 Document 类型，**不要只看 XHR/Fetch** —— ping 请求归类为 Other，且没有预检（CORS 不适用）
• 确认当前页面协议与 ping URL 协议一致（HTTP 页面不能 ping HTTPS 地址，反之亦然）
• 某些浏览器扩展（如广告屏蔽器、隐私插件）会主动屏蔽 ping 请求，可尝试无痕模式验证
• 服务端需接受空 body 的 POST 请求，并返回 2xx（返回非 2xx 会被浏览器静默忽略，不报错）

替代方案：什么时候该放弃 ping，改用 JS 主动上报？

当需要以下任一能力时，ping 就不合适了：

html-ppt-to-pdf

将使用 `

` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。

下载

• 上报用户 ID、设备信息、时间戳等动态参数
• 确保请求成功（比如失败重试、错误告警）
• 在同源跳转中也要上报（ping 在同源下完全无效）
• 需要控制请求时机（比如点击后延迟 100ms 上报，避免影响导航）

此时直接监听 click 事件 + fetch() 更可靠：
document.querySelector('a[data-track]').addEventListener('click', e => { fetch('/api/click', { method: 'POST', body: JSON.stringify({ url: e.target.href }) }); });

注意：如果要避免阻塞跳转，得用 event.preventDefault() + 手动 window.location，但会牺牲部分 SEO 和原生体验。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！