Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

408
Vistas
Inyectar CSS en <webview> Chrome/Electron/HTML/CSS/JS

¿Alguien puede decirme por qué lo siguiente no funciona? Disculpen cualquier error soy nuevo en todo esto

HTML

 <webview id="wv1" src="https://www.github.com/" style="display:inline-flex; width:100%; height:140px" nodeintegration></webview> <script> var webview = document.getElementById('wv1'); webview.addEventListener('dom-ready', function() { webview.insertCSS('html,body{ background-color: #FF0000 !important;}') }); </script>

Estoy tratando de hacerlo para que una vez que el contenido dentro de la vista web se haya cargado, el fondo cambie a rojo a través de CSS. Abierto a cualquier alternativa o ayuda con por qué lo anterior no funcionará.

Gracias

over 4 years ago · Santiago Trujillo
2 Respuestas
Responde la pregunta

0

Funciona para mí usando la siguiente configuración, básicamente solo el inicio rápido de electrones

Ejecutar como electron index.js

Resultado

índice.js

 const { app, BrowserWindow } = require('electron') const path = require('path') const url = require('url') let win function createWindow() { win = new BrowserWindow({ width: 800, height: 600 }) win.loadURL(url.format({ pathname: path.join(__dirname, 'index.html'), protocol: 'file:', slashes: true })) win.webContents.openDevTools() win.on('closed', () => { win = null }) } app.on('ready', createWindow) app.on('window-all-closed', () => { if (process.platform !== 'darwin') { app.quit() } }) app.on('activate', () => { if (win === null) { createWindow() } })

índice.html

 <webview id="wv1" src="https://www.github.com/" style="display:inline-flex; width:100%; height:140px" nodeintegration></webview> <script> var webview = document.getElementById('wv1'); webview.addEventListener('dom-ready', function () { webview.insertCSS('html,body{ background-color: #FF0000 !important;}') }); </script>
over 4 years ago · Santiago Trujillo Denunciar

0

Solo para estar seguro de que puede querer usar en lugar de dom-ready el DOMContentLoaded y en lugar de insertCss, insertRule.

 var webview = document.getElementById('wv1'); webview.addEventListener('DOMContentLoaded', function() { webview.insertRule('html,body{ background-color: #FF0000 !important;}',1) });

Sin embargo, si no funciona, es posible que desee intentar

 webview.querySelector(body) !== null

Dentro de la función.

espero que funcione.

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda