← Todos los ejemplos

JavaScript Productividad google.com

Google: contraer el panel a un botón

Oculta el panel de conocimiento por defecto y añade un pequeño botón para desplegarlo cuando haga falta.

Código para copiar

// 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 });

Cómo usar este ejemplo

  1. Copia el código con el botón de arriba.
  2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
  3. Añade una nueva regla que coincida con esa página.
  4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso