Найти в Дзене
100project

Следим за пользователем с помощью CSS

Периодически возникает вопрос, как можно отследить у пользователя сайта без использования JavaScript: Решить задачу можно через возможность загружать через CSS внешние ресурсы, используя url("ссылка на картинку или скрипт"). Например, для определения перехода по ссылке можно указать: #clicklnk:active::after {
content: url("path.php?action=clicklnk_clicked");
} Для отслеживания разрешения можно использовать @supports, и для отслеживания шрифтов, соответственно font-face.

Периодически возникает вопрос, как можно отследить у пользователя сайта без использования JavaScript:

  • браузер;
  • разрешение экрана;
  • используемые шрифты;
  • нажимаемые внешние ссылки;
  • элементы, на которые наводится курсор мыши

Решить задачу можно через возможность загружать через CSS внешние ресурсы, используя url("ссылка на картинку или скрипт").

Например, для определения перехода по ссылке можно указать:

#clicklnk:active::after {
content: url("path.php?action=clicklnk_clicked");
}

Для отслеживания разрешения можно использовать @supports, и для отслеживания шрифтов, соответственно font-face.