← Все примеры

Показать подсказки preconnect и prefetch

Показывает теги preconnect/prefetch, заранее подключающиеся к сторонним доменам.

Код для копирования

link[rel="preconnect"]::after,
link[rel="dns-prefetch"]::after,
link[rel="prefetch"]::after,
link[rel="preload"]::after {
  content: "[" attr(rel) ": " attr(href) "]";
  display: block !important;
  position: fixed;
  left: 0; bottom: 0;
  background: #222; color: #6f6;
  font: 11px monospace; padding: 2px 6px; z-index: 2147483647;
}

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.