a元素的ping特性

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/04/15/a%E5%85%83%E7%B4%A0%E7%9A%84ping%E7%89%B9%E6%80%A7/

摘要

本文主要讲述了：

作用
示例

正文

作用

如果用户点击带有ping特性的<a>，在跳转到目标站点之前，会先向ping特性指向的 URL 发起 1 个POST请求。

示例

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
    <a href="//cn.bing.com" ping="//127.0.0.1:3000">cn.bing.com</a>
  </body>
</html>

请求头：ping-from请求头表示源网页的 URL，ping-to请求头表示目标网页的 URL。

{
  "host": "127.0.0.1:3000",
  "connection": "keep-alive",
  "content-length": "4",
  "ping-from": "http://127.0.0.1:8080/",
  "origin": "http://127.0.0.1:8080",
  "cache-control": "max-age=0",
  "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36",
  "ping-to": "http://cn.bing.com/",
  "content-type": "text/ping",
  "accept": "*/*",
  "accept-encoding": "gzip, deflate, br",
  "accept-language": "en-US,en;q=0.9"
}