← Wszystkie przykłady

JavaScript Czytanie i skupienie

Czytanie bioniczne — pogrubione początki słów

Pogrubia pierwsze litery każdego słowa w artykule, prowadząc wzrok i przyspieszając czytanie.

Kod do skopiowania

(function () {
  var article = document.querySelector('article, .post, .entry-content, main');
  if (!article) return;
  var walker = document.createTreeWalker(article, NodeFilter.SHOW_TEXT);
  var nodes = [];
  while (walker.nextNode()) nodes.push(walker.currentNode);
  nodes.forEach(function (node) {
    if (!node.nodeValue || !node.nodeValue.trim()) return;
    if (node.parentNode && /SCRIPT|STYLE|CODE|PRE/.test(node.parentNode.nodeName)) return;
    var frag = document.createDocumentFragment();
    node.nodeValue.split(/(\s+)/).forEach(function (part) {
      if (!part.trim()) { frag.appendChild(document.createTextNode(part)); return; }
      var cut = Math.max(1, Math.ceil(part.length * 0.4));
      var b = document.createElement('b');
      b.textContent = part.slice(0, cut);
      frag.appendChild(b);
      frag.appendChild(document.createTextNode(part.slice(cut)));
    });
    node.parentNode.replaceChild(frag, node);
  });
})();

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania