Modificar la página html en línea
Este aviso de privacidad proporciona una visión general de nuestro compromiso con la privacidad y describe cómo recopilamos, protegemos, utilizamos y compartimos la información personal recogida a través de este sitio. Tenga en cuenta que otros sitios web y productos y servicios en línea de Pearson tienen sus propias políticas de privacidad.
En el caso de las consultas y preguntas, recogemos la consulta o pregunta, junto con el nombre, los datos de contacto (dirección de correo electrónico, número de teléfono y dirección postal) y cualquier otra información adicional que se nos envíe voluntariamente a través de un formulario de Contacto o un correo electrónico. Utilizamos esta información para atender la consulta y responder a la pregunta.
En el caso de los pedidos y las compras realizadas a través de nuestra tienda en línea en este sitio, recopilamos los detalles del pedido, el nombre, el nombre y la dirección de la institución (si procede), la dirección de correo electrónico, el número de teléfono, las direcciones de envío y facturación, la información de la tarjeta de crédito/débito, las opciones de envío y cualquier instrucción. Utilizamos esta información para completar las transacciones, cumplir con los pedidos, comunicarnos con las personas que hacen pedidos o visitan la tienda en línea, y para fines relacionados.
Inspeccionar la página web
Artículo AccionesModificar una página webUno de los casos de uso más comunes para una extensión es modificar una página web. Por ejemplo, una extensión puede querer cambiar el estilo aplicado a una página, ocultar determinados nodos DOM o inyectar nodos DOM adicionales en la página.
En este artículo veremos ambos métodos para cargar un script.Modificación de páginas que coinciden con un patrón de URLEn primer lugar, cree un nuevo directorio llamado “modify-page”. En ese directorio, crea un archivo llamado “manifest.json”, con el siguiente contenido:
Nota: Dado que la propiedad “js” de content_scripts es una matriz, puedes utilizarla para inyectar más de un script en las páginas que coincidan. Si hace esto, las páginas comparten el mismo ámbito, al igual que los múltiples scripts cargados por una página, y se cargan en el orden en que aparecen en el array.
Modificación de páginas mediante programación¿Qué pasa si todavía quieres comer páginas, pero sólo cuando el usuario te lo pida? Actualicemos este ejemplo para que inyectemos el script de contenido cuando el usuario haga clic en un elemento del menú contextual.
En este script estamos creando un elemento del menú contextual, dándole un id y un título específicos (el texto que se mostrará en el menú contextual). A continuación, configuramos un escuchador de eventos para que cuando el usuario haga clic en un elemento del menú contextual, comprobemos si se trata de nuestro elemento eat-page. Si lo es, inyectamos “page-eater.js” en la pestaña actual utilizando la API tabs.executeScript(). Esta API toma opcionalmente un ID de pestaña como argumento: hemos omitido el ID de pestaña, lo que significa que el script se inyecta en la pestaña actualmente activa.
Document body contenteditable true’; document designmode on’; void 0
return request.render(‘website.homepage’, {‘website_product_ids’: website_product_ids})Donde los datos se preparan como website_product_ids que buscará cada producto en el modelo product.template que es_publicado como true y el orden de cantidad vendida en descrito y renderizarlo en el sitio web. Además, la página de inicio y también renderizar esos website_product_ids.Entonces, con el fin de mostrar los productos más vendidos en la página de inicio, debemos heredar la plantilla website.homepage y añadir los productos más vendidos en una vista de carrito como se define a continuación.<template id=”homepage_inherit_product_display”
</template>Hereda la plantilla website.homepage y dentro del div id wrap añade un contenedor basado en nuestro requerimiento y aquí hemos añadido Top selling products. A continuación, dentro de la fila de productos div bucle a través de la product_ids que satisfacen las condiciones de los productos más vendidos y que muestran como vista de la cesta de productos con el nombre del producto, imágenes, y la moneda de la cantidad del producto. Además, a continuación, añadir esta plantilla heredada en las vistas y para añadirlo en la actualización de manifiesto de la página web personalizada addon que se mostrará como abajo;La página de inicio se puede ver con los productos más vendidos de la misma manera podemos modificar las páginas web existentes en Odoo 15Vamos a comprobar otro caso acerca de que la página de la tienda para modificar esa página de la tienda, si un producto está incluido en el aspecto de venta superior tratar de añadir una cinta en cada producto más vendido. Fue una modificación bastante sencilla, solo había que heredar la plantilla del artículo del producto y añadir una clase para los lazos que cumplan la condición de top-venta, su plantilla es la siguiente.<template id=”product_ribbons” inherit_id=”website_sale.products_item”>
Cómo editar una página web de forma permanente
Chrome DevTools es un potente conjunto de herramientas de desarrollo web integradas en el navegador Chrome. Una de las características más útiles de DevTools para los desarrolladores web es la posibilidad de editar en directo el HTML y el CSS de una página. Esta funcionalidad permite a cualquier desarrollador, incluso a los que tienen menos conocimientos de HTML y CSS, crear rápidamente un prototipo e iterar sobre posibles cambios en una página web.
Hay dos formas rápidas de abrir el inspector. La primera es abrir DevTools con F12, seleccionar la pestaña “Elementos” y hacer clic en el icono del cursor en la parte superior izquierda. La segunda forma, más rápida, es utilizar el atajo de teclado Ctrl+Mayús+C. Si trabajas habitualmente en un entorno Linux, es muy probable que hayas utilizado este atajo por accidente muchas veces cuando querías copiar un texto.
Una vez seleccionado un elemento, puedes interactuar con él de muchas maneras. Si haces clic con el botón derecho del ratón sobre el HTML en la pestaña “Elementos” y seleccionas “Editar como HTML”, podrás realizar ediciones en vivo en el marcado de una página web que Chrome renderizará inmediatamente una vez que hayas terminado de editar.
