manipulación de DOM en motor de navegador Chrome
Publicado: Mié, 02 Feb 2022, 15:14
La edición del DOM (Document Object Model) de una página a mostrar en el el motor de navegador Chrome de SiteKiosk Windows, se puede conseguir de forma sencilla añadiendo un script en el archivo C:\Program Files (x86)\SiteKiosk\SiteKioskNG\assets\customScriptExtension.js (para sistemas operativos en español puede utilizar la ruta universal en inglés, o de forma equivalente comenzando por "C:\Archivos de Programa (x86)\").
Puede consultar otro ejemplo similar para el caso del motor de navegador Internet Explorer de SiteKiosk Windows.
El archivo customScriptExtension.js está vacío por defecto, y se ejecutará para cada página web mostrada en el motor de navegador Chrome de Windows. Por tanto debería asegurarse de añadir el código script para la página que desea manipular.
La manipulación DOM en el motor de navegador Chrome con este archivo no requiere ningún código específico de SiteKiosk. Puede utilizar simplemente Javascript plano.
El siguiente código de ejemplo edita la página principal de Google para incluir SiteKiosk como término de búsqueda y cambiar el texto del botón de Búsqueda a "Buscar SiteKiosk". Observe que el código realiza una revisión básica para comprobar que se navega en la página de Google antes de ejecutar el resto del código Javascript.
Simplemente copie y pegue el código de arriba en el archivo C:\Program Files (x86)\SiteKiosk\SiteKioskNG\assets\customScriptExtension.js y después arranque SiteKiosk utilizando un archivo de configuración básico (puede utilizar los archivos de configuración de ejemplo con motor de navegador Chrome proporcionados con el instalador). Abra google.com, y compruebe el resutado.
Tenga en cuenta para este o cualquier otro ejemplo donde manipule una página que debe cuidar todos los aspectos relativos a las leyes locales, propiedad intelectual y copyright, etc. También tenga en cuenta que este ejemplo funcionará mientras que Google no realice cambios en su página web, y de forma análoga para adaptar el funcioamiento de cualquier página web de terceros en su proyecto de kiosco.
Puede consultar otro ejemplo similar para el caso del motor de navegador Internet Explorer de SiteKiosk Windows.
El archivo customScriptExtension.js está vacío por defecto, y se ejecutará para cada página web mostrada en el motor de navegador Chrome de Windows. Por tanto debería asegurarse de añadir el código script para la página que desea manipular.
La manipulación DOM en el motor de navegador Chrome con este archivo no requiere ningún código específico de SiteKiosk. Puede utilizar simplemente Javascript plano.
El siguiente código de ejemplo edita la página principal de Google para incluir SiteKiosk como término de búsqueda y cambiar el texto del botón de Búsqueda a "Buscar SiteKiosk". Observe que el código realiza una revisión básica para comprobar que se navega en la página de Google antes de ejecutar el resto del código Javascript.
Código: Seleccionar todo
if (document.URL.indexOf("https://www.google.") !== -1) {
document.addEventListener('DOMContentLoaded', documentLoadedFunc);
}
function documentLoadedFunc(e) {
document.getElementsByName('q').item(0).value = "SiteKiosk";
document.getElementsByName('btnK').item(1).value = "Buscar SiteKiosk";
}
Tenga en cuenta para este o cualquier otro ejemplo donde manipule una página que debe cuidar todos los aspectos relativos a las leyes locales, propiedad intelectual y copyright, etc. También tenga en cuenta que este ejemplo funcionará mientras que Google no realice cambios en su página web, y de forma análoga para adaptar el funcioamiento de cualquier página web de terceros en su proyecto de kiosco.