Al ejecutar la última versión de Discourse core en un entorno de desarrollo, notarás una nueva barra de herramientas en el lado izquierdo de la pantalla:
Esto proporciona acceso con un solo clic a herramientas de desarrollo comúnmente necesarias. Hasta ahora, tenemos:
Depuración de Plugin Outlet
Esto muestra todos los plugin outlets, con tooltips que muestran los valores en tiempo real de todos los @outletArgs disponibles.
Esto fue inspirado por el popular componente temático plugin outlet locations, y el plugin anterior a él. Pero a diferencia de ellos, la estrecha integración con el core significa que siempre puede estar 100% actualizado con los últimos outlets y argumentos.
En desarrollo, esto está habilitado por defecto y se puede deshabilitar usando el botón ‘X’.
En producción, se puede habilitar ejecutando enableDevTools() en la consola del navegador. ¡Incluso puedes probarlo aquí en Meta! Si enableDevTools() no está disponible, probablemente sea porque estás en una página de error que no carga la aplicación Ember completa.
Esperamos agregar más herramientas en las próximas semanas/meses, ¡así que mantente atento! Si tienes algún comentario o idea para herramientas, ¡háznoslo saber a continuación!
Hacer clic en el icono para mostrar los enchufes hace que Chrome se bloquee, dejando la página/pestaña sin respuesta. Deshabilité mis extensiones de Chrome, pero todavía se bloquea.
Más específicamente, se bloquea al hacer clic en el icono mientras se está en un tema (no solo en meta).
En Firefox/Edge, funciona pero hay un error en la consola:
Se registraron múltiples conectores para la salida discovery-list-area. Se usará el primero.
Array [ undefined, "discovery-list-area/kanban-board (discourse/theme-351/discourse/connectors/discovery-list-area/kanban-board)" ]
Dado que no veo ninguna forma de hacer esto en el móvil, estoy trabajando en una TC simple para añadir un botón a la cabecera (inspirada en la TC de Plugin Outlets).
Al ver un entorno de desarrollo en un dispositivo móvil, la barra de herramientas aparecerá a la izquierda de la pantalla para que puedas usarla como de costumbre.
En entornos de producción, deberás llamar a enableDevTools() desde la consola (o desde el javascript del tema/componente de tema) para activar la barra de herramientas. Ten en cuenta que esto tiene un costo de rendimiento, por lo que no deberías hacerlo para todos los usuarios en un sitio de producción real.
No tienes el interruptor móvil en modo de escritorio. Creo que solo aparece en móviles o tabletas.
Además, se trata de la comodidad de tener todos los botones en el mismo lugar.
Ahora mismo, las páginas 404 no cargan ningún JS de la aplicación Ember. Hay una configuración oculta del sitio bootstrap_error_pages que puedes habilitar para que sean páginas completas de la aplicación Ember.
Quizás hagamos que sea el valor predeterminado en el futuro, pero no es lo más prioritario ahora mismo.
Depuración de Plugin Outlet
Modo seguro
Localización detallada
