Bağlantı bağlantılarındaki 'ping' özelliği

Kaynak Düğüm: 806494

Bu yazı benim bir parçam Bugün öğrendim web geliştirmeyle ilgili tüm öğrendiklerimi paylaştığım seri.

MDN uyumluluk veri deposunda bir PR bugün gözüme çarptı. Çekme isteğinin amacı, ping Safari için özellik desteği. Bu özelliği hiç görmedim; hadi bir göz atalım!

The ping Bağlantı elemanlarındaki nitelik

Bağlantı elemanının ping özellik boşlukla ayrılmış bir URL listesini kabul eder. Bir bağlantı ping URL'lerini tanımladığında ve birisi ona tıkladığında, tarayıcı bir bağlantı gönderir. POST belirtilen bu URL'lere istekte bulunun. Kullanıcıların sitenizle nasıl etkileşim kurduğunu izlemek ve analiz etmek istiyorsanız bu işlevsellik yararlı olabilir.

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

Uygulama halinde görmek için geliştirici araçlarınızı açın ve aşağıdaki bağlantıya tıklayın.👇

Popüler gönderileri okuyun

Ve aslında, geliştirici araçlarında ağ panelini açtığınızda (tarayıcı yeni bir URL'ye gittikten sonra isteği görmek için "günlüğü koru"yu etkinleştirin), "ping bağlantısına" tıkladıktan sonra tanımlanan URL'ye uçan bir istek görürsünüz.

"PING" istek yükü ve "ping-to" başlığını içeren istek başlıkları

POST isteğinin yükü tek kelimedir PING. ping-to istek başlığı bağlantının hedefini ve aşağıdaki gibi ek bilgileri içerir: user-agent da mevcuttur. Büyüleyici ki content-type is text/ping. 🙈

Özetlemek gerekirse, ping özelliği, "bağlantı tıklama izlemeyi" uygulamak için hafif bir yol sunar. Bu onu bugün kullanabileceğiniz anlamına mı geliyor?

Tarayıcı desteği ping nitelik

baktığında özelliğin MDN'deki tarayıcı uyumluluk tablosu, tarayıcı desteğinin o kadar da kötü olmadığını görüyorsunuz.

Firefox ve Safari desteğinin eksik olduğunu gösteren ping özelliğinin uyumluluk tablosu (Safari yanlış)

Chromium tarayıcılar (Chrome, Edge vb.) bunu destekler. Firefox'un desteği bir tarayıcı özelliği bayrağının arkasındadır (browser.send_pings) ve Safari… Safari yanlışlıkla desteklemiyor olarak etiketlendi.

Bu yanlış bilgi nerede Bahsedilen çekme isteği Safari destek bilgilerini güncelliyor devreye giriyor. MDN uyumluluk verilerinin bir sonraki sürümüyle tablo oldukça yeşil olacak!

Neden kimse kullanmıyor ping?

Yerel HTML çözümlerinin büyük bir hayranıyım. Sorun şu ki neden kimse kullanmıyor? ping özellik (veya onu kullanan bir site biliyor musunuz?)?

Burada yalnızca tahminde bulunabilirim ancak bunun bir nedeni, kullanıcı analizlerinin esas olarak Google Analytics gibi 3. taraf sağlayıcılar tarafından yönlendirilmesi olabilir.

Bunları bir web geliştiricisi olarak kullanmak için tek yapmanız gereken sitenize tek bir komut dosyası yerleştirmektir. JavaScript tüm kullanıcı davranışlarını izleyecektir ve kurulacak bir altyapı yoktur. Sadece işe yarıyor.

İzlemenizi şuna dayandırırsanız: ping özelliğini kullanıyorsanız, sitenizdeki tüm bağlantıları ayarlamanız gerekir. Bu süreç daha fazla bakım ve geliştirme çalışmasını içerir. Bu, kullanımına karşı güçlü bir argüman. ping özniteliği.

Yine de var olduğunu bilmek güzel. Eğer kullanırsan ping, onunla ne yapacağınız hakkında daha fazla bilgi edinmek isterim!

Kaynak: https://www.stefanjudis.com/today-i-learned/html-defines-a-ping-attribute-on-anchor-elements-links/

Zaman Damgası:

Den fazla CSS Püf Noktaları