← Volver a proyectos
Liferay Preview Mode Helper — Extensión Chrome para previsualizar contenido Liferay sin interfaz de edición
Proyecto

Liferay Preview Mode Helper

Extensión Chrome para previsualizar contenido Liferay sin interfaz de edición

Cualquier desarrollador o revisor de contenido que trabaje con Liferay DXP conoce la frustración de navegar un portal y encontrarse con barras de herramientas, controles de edición y elementos administrativos que ocultan el resultado real. Esta extensión nació de esa necesidad: poder ver exactamente lo que verá el usuario final, con un solo clic.

Liferay Preview Mode Helper inyecta automáticamente el parámetro p_l_mode=preview en todas las URLs del sitio activo, forzando el modo de previsualización nativo de Liferay. Esto elimina todos los controles de edición, toolbars y widgets administrativos, dejando visible únicamente el contenido publicado. La extensión monitorea el DOM en tiempo real con MutationObserver para interceptar links cargados dinámicamente, garantizando que la navegación completa se mantenga en modo preview.

La extensión está publicada en la Chrome Web Store y es compatible con cualquier instalación de Liferay desde la versión 7.0 en adelante, incluyendo Liferay DXP Cloud. Utiliza Manifest V3, el estándar moderno de extensiones Chrome, con Service Workers y Chrome Storage API para persistir la configuración por dominio.

Características

  • Inyección automática de p_l_mode=preview en todas las URLs
  • Monitoreo de DOM en tiempo real con MutationObserver
  • Activación por dominio con persistencia en Chrome Storage
  • Compatible con Liferay 7.0+ incluyendo DXP Cloud

Stack

Frontend

JavaScript ES6Chrome Extension APIManifest V3HTML5/CSS3

Backend

Service WorkersChrome Storage API

Herramientas

Chrome Web StoreChrome DevToolsLiferay DXP