← Wszystkie przykłady

JavaScript Produktywność google.com

Google: zwiń panel wiedzy do przycisku

Domyślnie ukrywa panel wiedzy i dodaje mały przycisk, którym można go w razie potrzeby rozwinąć.

Kod do skopiowania

// Collapse the right knowledge panel into a small toggle strip
const ID = 'jz-gsr-kp-toggle';
function setup() {
  const rhs = document.getElementById('rhs');
  if (!rhs || document.getElementById(ID)) { return; }
  rhs.style.display = 'none';
  const btn = document.createElement('button');
  btn.id = ID;
  btn.textContent = 'Show knowledge panel';
  btn.style.cssText = 'margin:8px 0;padding:6px 12px;cursor:pointer;'
    + 'border:1px solid #dadce0;border-radius:18px;background:#fff';
  btn.addEventListener('click', function () {
    const on = rhs.style.display === 'none';
    rhs.style.display = on ? '' : 'none';
    btn.textContent = on ? 'Hide knowledge panel' : 'Show knowledge panel';
  });
  const col = document.getElementById('center_col') || rhs.parentElement;
  col.insertBefore(btn, col.firstChild);
}
setup();
const obs = new MutationObserver(setup);
obs.observe(document.documentElement, { childList: true, subtree: true });

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