Depuración de páginas web

web inspector puede usar el web inspector https //trac webkit org/wiki/webinspector para depurar páginas web a través de la red local la consola javascript solo debe usarse en presentaciones que no sean de producción y debe deshabilitarse antes de publicar en un entorno de producción porque usa más memoria, lo que puede provocar reinicios frecuentes y compromete la seguridad habilitación/deshabilitación de web inspector a partir de bos versión 8 5 31 y posteriores, ambas configuraciones, una de presentación y otra de registro (la clave de registro habilitar inspector web en la sección html ), son necesarias para habilitar web inspector a continuación se describen los diversos métodos que puede usar para habilitar estas configuraciones mediante la configuración de presentación brightsign author en su presentación de brightsign author, vaya a pestaña de presentación > propiedades del estado > opciones y seleccione habilitar la consola de javascript brightauthor classic en su presentación de brightauthor classic, vaya a archivo > propiedades de la presentación > html y marque la casilla habilitar la consola de javascript consulte "inspector server" en rohtmlwidget docid\ g tjkqqhlcft4fw5 z6t0 para obtener más información brightscript al crear la instancia de rohtmlwidget , incluya el parámetro de inicialización inspector server y especifique un número de puerto mediante la configuración del registro estas configuraciones solo son necesarias a partir de bos versión 8 5 31 y posteriores dws local/remoto seleccione permitir la consola de javascript en la sección depuración de chromium docid\ qxt4yhey7iej m9dh73wm del dws apis de dws local establezca put /v1/diagnostics/chromium debug/ en verdadero para habilitar web inspector consulte esta página docid\ iarp3f9odwdmwfhw7py4y para obtener más información brightscript establezca la clave de registro habilitar inspector web en “1” para habilitar web inspector para chromium en el reproductor (si se establece en “0” o en nada, web inspector estará deshabilitado) por ejemplo reg = createobject("roregistrysection","html") reg write("enable web inspector", "1") reg flush() para deshabilitar web inspector, deshabilite la configuración de presentación o de registro que usó para habilitarlo si quiere cambiar el puerto de web inspector, debe editar la configuración de rohtmlwidget consulte "inspector server" en rohtmlwidget docid\ g tjkqqhlcft4fw5 z6t0 para obtener más información habilitar web inspector crea una vulnerabilidad de seguridad en los reproductores brightsign consulte esta página docid\ ecb hwei2wjvvcqlxpd1x para obtener más detalles inspección de una página web una vez que el contenido html se esté ejecutando en un reproductor brightsign, siga estos pasos para inspeccionarlo abra chrome en una computadora de escritorio conectada a la misma red local introduzca la siguiente url en la barra de direcciones chrome //inspect/devices en la sección dispositivos , haga clic en configurar introduzca la dirección ip del reproductor y el puerto de web inspector en el campo (consulte la imagen a continuación) las páginas que se estén ejecutando en el reproductor brightsign se mostrarán en la parte inferior de la página si no conoce la dirección ip del reproductor, encienda el reproductor con la tarjeta microsd (y otros dispositivos de almacenamiento) retirados después de unos momentos, la dirección ip se mostrará en pantalla si habilitó el web inspector en brightauthor, use el puerto 2999 (p ej http //192 168 1 62 2999/) haga clic en el botón inspeccionar junto a una página se iniciará una sesión de depuración en una nueva ventana a diferencia de las páginas locales, el contenido de la página no se muestra en el panel izquierdo, pero la ventana del inspector de la derecha puede utilizarse para depurar la página agregar más de un dispositivo en su lista puede causar problemas de rendimiento, especialmente si los dispositivos no están en línea, porque el cliente de chrome continuará buscando cualquier dispositivo fuera de línea compatibilidad de versiones de chromium debido a que los reproductores brightsign usan una versión más antigua de chromium que las versiones recientes de escritorio, es posible que las versiones más nuevas de chrome para escritorio no funcionen con el web inspector si tiene problemas al usar el web inspector con su versión de chrome, descargue e instale una de estas versiones linux https //www googleapis com/download/storage/v1/b/chromium browser snapshots/o/linux x64/576753/chrome linux zip?generation=1532051976706023\&alt=media https //www googleapis com/download/storage/v1/b/chromium browser snapshots/o/linux x64%2f576753%2fchrome linux zip?generation=1532051976706023\&alt=media osx https //www googleapis com/download/storage/v1/b/chromium browser snapshots/o/mac/576753/chrome mac zip?generation=1532055270387578\&alt=media https //www googleapis com/download/storage/v1/b/chromium browser snapshots/o/mac%2f576753%2fchrome mac zip?generation=1532055270387578\&alt=media windows de 64 bits https //www googleapis com/download/storage/v1/b/chromium browser snapshots/o/win x64/576753/chrome win32 zip?generation=1532053193483102\&alt=media https //www googleapis com/download/storage/v1/b/chromium browser snapshots/o/win x64%2f576753%2fchrome win32 zip?generation=1532053193483102\&alt=media si está utilizando el web inspector para recorrer manualmente código javascript, encontrar un error no capturado en el depurador puede causar que el reproductor falle este es un error conocido del web inspector puede encontrar una colección más amplia de descargas compatibles de chromium aquí docid\ ygi yiwt6pz2btu grfup eventos de seguimiento el sistema chromium traceevent le permite depurar pérdidas de memoria de javascript, problemas de rendimiento y problemas de renderizado esta función está disponible en las versiones de firmware 7 0 82 y posteriores a diferencia de las pc, donde el seguimiento/depurador se ejecuta en el mismo navegador que el contenido, los reproductores brightsign escriben archivos de seguimiento json en el almacenamiento local, que luego puede importar a chrome en su pc cuando los eventos de seguimiento están habilitados en un reproductor brightsign, chromium captura mensajes de seguimiento en un búfer circular el reproductor toma instantáneas periódicas de este búfer y las escribe en el directorio raíz de la tarjeta microsd o ssd como archivos json el sistema traceevent puede generar fácilmente gigabytes de datos de registro en el almacenamiento local, por lo que recomendamos deshabilitarlo en entornos de producción consulte esta página https //stackoverflow\ com/questions/12996129/memory leak when logging complex objects de stackoverflow para obtener más información sobre pérdidas de memoria al usar console log para registrar objetos complejos creación de un directorio traceevent antes de habilitar el sistema traceevent, cree un directorio llamado "brightsign webinspector" en el directorio raíz de la tarjeta microsd o ssd del reproductor si falta este directorio, el reproductor no registrará eventos de seguimiento cuando estén habilitados en el registro por el contrario, puede deshabilitar los eventos de seguimiento eliminando el directorio "brightsign webinspector" del dispositivo de almacenamiento habilitación del sistema traceevent el sistema traceevent se habilita y configura escribiendo en el registro del reproductor brightsign (mediante brightscript docid\ kf6wam7iqxizx7adu18g o javascript docid\ ybgfx7qti58 kcdury 3 ) para habilitar el sistema traceevent, escriba las siguientes claves en la sección html del registro tracecategories \<font color="#704ae0">string\</font> una lista separada por comas de categorías de eventos de seguimiento para habilitar los nombres de las categorías están documentados en el enlace a continuación tracemaxsnapshots \<font color="#704ae0">int\</font> el número máximo de archivos de instantáneas de seguimiento json en el directorio "brightsign webinspector" cuando se alcanza el límite, el contador vuelve al inicio y comienza a sobrescribir el archivo de seguimiento más antiguo tracemonitorinterval \<font color="#704ae0">int\</font> la frecuencia (en segundos) con la que el reproductor tomará instantáneas del búfer traceevent recomendamos 60 segundos como valor predeterminado ejemplo (javascript) var registryclass = require("@brightsign/registry"); var registry = new registryclass(); registry write("html", { "tracecategories" "toplevel,blink gc,disabled by default memory infra,disabled by default blink gc,disabled by default skia gpu cache", "tracemaxsnapshots" "25", "tracemonitorinterval" "60" }) then( function() { console log("write successful"); }); visualización de eventos de rastreo siga estos pasos para ver los eventos de rastreo transfiera los archivos de rastreo json del directorio "brightsign webinspector" a su pc abra chrome //tracing en su instancia de chromium en el pc importe los archivos de rastreo json puede combinar varios archivos de rastreo; sin embargo, en una captura de rastreo larga, habrá demasiados eventos de rastreo para verlos todos a la vez (probablemente necesitará escribir un script para procesarlos) documentación adicional consulte los siguientes enlaces para obtener una explicación más detallada de los eventos de rastreo https //www chromium org/developers/how tos/trace event profiling tool https //www chromium org/developers/how tos/trace event profiling tool https //chromium googlesource com/chromium/src/+/lkcr/docs/memory infra/readme md https //chromium googlesource com/chromium/src/+/lkcr/docs/memory infra/readme md https //developers google com/web/tools/chrome devtools/memory problems/ https //developers google com/web/tools/chrome devtools/memory problems/