HTML在锚点元素(链接)上定义了Ping属性是干什么用的?

网络 通信技术
锚元素的 ping 属性接受以空格分隔的URL列表。当锚定义ping URL并有人单击它时,浏览器将向这些指定的URL发送 POST 请求。如果您要跟踪和分析用户如何与您的网站进行交互,此功能可能会有所帮助。

锚点元素上的ping属性

锚元素的 ping 属性接受以空格分隔的URL列表。当锚定义ping URL并有人单击它时,浏览器将向这些指定的URL发送 POST 请求。如果您要跟踪和分析用户如何与您的网站进行交互,此功能可能会有所帮助。

  1. <a href="https://www.stefanjudis.com/popular-posts/"  
  2.    ping="https://www.stefanjudis.com/tracking/">Read popular posts</a> 

要查看其运行情况,请打开您的开发人员工具,然后单击下面的链接。??

Read popular posts

实际上,当您在开发人员工具中打开network面板时(启用“保存日志”来查看浏览器导航到新URL后的请求),您会在单击“ping链接”后看到一个请求飞向定义的URL。

POST请求的有效载荷是单字 PING。ping-to 请求头中保存着链接的目的地,另外还有 user-agent 等附加信息。有趣的是, content-type 是 text/ping。??

总而言之,ping 属性提供了一种实现“链接点击跟踪”的轻巧方式。这是否意味着您今天就可以使用它?

浏览器对ping属性的支持

在MDN上查看属性的浏览器兼容性表时,您会发现浏览器支持还不错。

Chromium浏览器(Chrome、Edge等)支持。火狐浏览器的支持是在浏览器功能标志(browser.send_pings)后面,而Safari...。Safari被错误地标注为不支持。

为什么没人使用ping?

我是原生HTML解决方案的忠实拥护者。问题是为什么没有人使用 ping 属性(或者您知道使用它的网站吗?)?

我只能在这里推测,但一个原因可能是用户分析主要由第三方提供商(例如Google Analytics(分析))驱动。

作为一个Web开发者,要使用这些,你所要做的就是在你的网站中嵌入一个脚本。JavaScript将跟踪所有的用户行为,并且没有任何基础的设置就能工作。

如果您的跟踪基于 ping 属性,则必须调整站点上的所有链接。这个过程包括更多的维护和开发工作,这是反对使用 ping 属性的有力论据。

本文转载自微信公众号「前端全栈开发者」,可以通过以下二维码关注。转载本文请联系前端全栈开发者公众号。

 

责任编辑:武晓燕 来源: 前端全栈开发者
相关推荐

2020-04-22 13:29:35

基带射频信号

2018-02-26 10:26:34

软件定义存储

2018-03-05 18:50:22

Linux主目录隐藏文件

2019-08-22 14:30:22

MySQL数据库db.opt

2023-09-21 15:54:55

数据中心

2020-10-29 11:08:06

CPUMySQL数据库

2011-04-27 14:50:36

HTML 5

2023-10-07 14:51:46

物联网物联网平台

2022-12-02 14:57:15

物联网物联网平台

2009-06-09 09:29:33

2019-09-06 09:05:25

TCP协议通信

2021-12-29 14:33:59

5G4GWi-Fi

2024-01-16 23:30:46

​fractionsPython分数

2012-06-11 10:02:35

2015-03-04 17:24:46

2018-08-30 17:14:56

2009-09-14 08:57:30

2023-04-14 15:44:20

TypeScrip函数重载

2021-02-18 07:55:27

数据湖存储数据

2019-08-09 16:01:18

Hadoop数据库
点赞
收藏

51CTO技术栈公众号