← Volver a proyectos
Liferay Preview Mode Helper — Extension Chrome para previsualizar contenido Liferay sin interfaz de edicion
Proyecto

Liferay Preview Mode Helper

Extension Chrome para previsualizar contenido Liferay sin interfaz de edicion

Cualquier desarrollador o revisor de contenido que trabaje con Liferay DXP conoce la frustracion de navegar un portal y encontrarse con barras de herramientas, controles de edicion y elementos administrativos que ocultan el resultado real. Esta extension nacio de esa necesidad: poder ver exactamente lo que vera el usuario final, con un solo clic.

Liferay Preview Mode Helper inyecta automaticamente el parametro p_l_mode=preview en todas las URLs del sitio activo, forzando el modo de previsualizacion nativo de Liferay. Esto elimina todos los controles de edicion, toolbars y widgets administrativos, dejando visible unicamente el contenido publicado. La extension monitorea el DOM en tiempo real con MutationObserver para interceptar links cargados dinamicamente, garantizando que la navegacion completa se mantenga en modo preview.

La extension esta publicada en la Chrome Web Store y es compatible con cualquier instalacion de Liferay desde la version 7.0 en adelante, incluyendo Liferay DXP Cloud. Utiliza Manifest V3, el estandar moderno de extensiones Chrome, con Service Workers y Chrome Storage API para persistir la configuracion por dominio.

Caracteristicas

  • Inyeccion automatica de p_l_mode=preview en todas las URLs
  • Monitoreo de DOM en tiempo real con MutationObserver
  • Activacion 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