Ayuda rápida con Ctrl+Shift+H — una guía completa en la página
El atajo Ctrl+Shift+H solía ser un detalle pequeño — abría una ayuda breve de la API de la Output Console. En la versión 3.0 lo hemos reconstruido como una guía completa de la interfaz de la extensión dentro de la página: atajos globales, atajos dentro de la ventana, Output Console, interacción con el ratón en las ventanas, modo de edición de la barra de acciones y registro. Funciona globalmente en cada página donde la extensión está habilitada, en un diseño de dos columnas y en 8 idiomas. Este post recorre todo lo que obtienes con esa única tecla.
Qué muestra ahora la Ayuda rápida
El popup tiene seis tarjetas de sección, cada una con sus viñetas:
- Atajos globales —
Ctrl+Alt+G/H/J/K(ventanas TEMP),Ctrl+Alt+\(AI Helper),Ctrl+Alt+S(modo de edición de la barra de acciones),Ctrl+Alt+I/O/P(panel de edición en una ventana aparte). - Dentro de una ventana —
Ctrl+Enter(ejecutar código),↑/↓(historial de la JS Console),Ctrl+L(limpiar la consola),Esc(cerrar la barra de búsqueda). - Output Console —
Ctrl+Shift+L/K, seis pestañas con contadores,Alt+click/Alt+Shift+clicken Network (incluir / excluir dominio), columnas de DataLayer redimensionables. - Ventanas en la página — con el ratón — arrastrar, 8 manejadores de redimensionado, snap a los bordes, menú de la cabecera, doble clic en la barra = alternar el tamaño de la ventana TEMP, contención del scroll (la rueda no desplaza la página de debajo).
- Modo de edición de la barra de acciones —
Ctrl+Z(deshacer),Delete,Esc, selección con Shift/Ctrl+click, etiquetas. - Registro en la Output Console — el canal
window.JUSTZIX.log/warn/error/info/debug(más los aliasJZy__JUSTZIX__) y losconsole.*interceptados.
El pie del popup enlaza al manual completo (help-*.html dentro de la extensión) — siempre al alcance cuando necesitas más contexto.
Diseño en dos columnas (v3.0.1)
La primera versión era una única columna estrecha (640 px) que había que recorrer con scroll. Ahora el popup mide min(1040px, 94vw) de ancho — usa el espacio que la pantalla le ofrece. El contenido se distribuye en dos columnas, cada sección es una tarjeta independiente (fondo, borde y una sombra suave) — un diseño claro en lugar de un muro de texto. El pie con el enlace al manual completo vive fuera del área de scroll — siempre visible abajo. En pantallas con menos de 720 px de ancho las columnas se contraen a una sola sin perder legibilidad.
Funciona globalmente — no necesita la Output Console
Antes, los listeners de Ctrl+Shift+H solo se registraban cuando se renderizaba la primera Output Console en la página. Si una pestaña no tenía Output Console, el atajo simplemente no hacía nada. Desde v3.0 el listener se instala al arrancar el content script y funciona globalmente en cada pestaña donde la extensión esté activa. Tengas o no ventanas abiertas — pulsa Ctrl+Shift+H y aparece la chuleta completa.
Cómo abrirlo y cerrarlo
El atajo funciona igual en cada sistema operativo: Ctrl+Shift+H abre el popup y pulsarlo de nuevo lo cierra. También puedes cerrarlo con:
Esc— el gesto natural de salida;- un clic fuera del popup (en cualquier punto de la página);
- la × en la esquina superior derecha del popup.
El popup es arrastrable — agarra la barra de la cabecera y muévelo si tapa lo que estás leyendo. La posición se recuerda para la pestaña.
Ocho idiomas — sin recursos externos
El contenido está traducido a 8 idiomas (PL, EN, DE, ES, FR, IT, RU, ZH) y vive en el diccionario lib/i18n.js bajo la clave helpPopup.*. El idioma del popup sigue al idioma de la interfaz de la extensión — cámbialo en las opciones y el popup se actualiza con él. El propio popup lo renderiza el content script sin fuentes ni recursos externos — funciona incluso sin conexión.
Por qué hicimos el cambio
Antes, cuando un usuario nuevo pulsaba Ctrl+Shift+H, veía unas pocas líneas sobre la API de window.JUSTZIX.log. Era una ayuda precisa pero estrecha. Mientras tanto, la inmensa mayoría de las preguntas eran sobre el manejo de ventanas, los atajos TEMP, la edición de la barra de acciones y la Output Console — cosas que había que rescatar del manual completo. El popup debía ser «la chuleta al alcance de la mano», pero se había convertido en una guía de una sola API. La versión 3.0 vuelve a la intención original: una chuleta completa, en la página, bajo una sola tecla.
Véase también
- Atajos de teclado de JustZix — la chuleta completa — la versión textual de lo que el popup muestra de forma visual
- Panel de edición junto a la página — Ctrl+Alt+I/O/P — uno de los grupos de atajos del popup
- Ventanas en la página — las ventanas de desarrollo descritas en «Ventanas en la página — con el ratón»
Instala JustZix — y ten la chuleta completa en la página, bajo una sola tecla, en todos los sitios.
Valora este artículo
Sin valoraciones — sé el primero.