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

285
Vistas
Desea crear una extensión de Google Chrome para resaltar texto, cuando usamos Chrome para ver archivos html locales

Revisé todas las extensiones disponibles y no encontré ninguna extensión que cumpla con mis requisitos. He guardado la página web en formato Html y la veo usando Chrome. Pero cuando traté de resaltar el texto de las extensiones, todas las extensiones fallaron. Solo quiero resaltar el texto directamente en Chrome. Yawas, Simple Highlighter, así como la mayoría de los otros marcadores, no se destacan en las páginas locales.

Así que combiné algunas líneas de código para hacerlo yo mismo. Creé context_script.js, manifest.js y popup.html. En su forma actual, el código funciona así: http://jsfiddle.net/LPnN2/12/ El problema es hacer que funcione con una extensión.

También he creado una función para asignar una tecla de método abreviado de teclado para resaltar texto.

context_script.js

 function dockeyUp(e) { if (e.ctrlKey == true && e.key == 'z') { highlight('yellow'); } } document.addEventListener('Keyup', dockeyUp, false); function makeEditableAndHighlight(colour) { sel = window.getSelection(); if (sel.rangeCount && sel.getRangeAt) { range = sel.getRangeAt(0); } document.designMode = "on"; if (range) { sel.removeAllRanges(); sel.addRange(range); } if (!document.execCommand("HiliteColor", false, colour)) { document.execCommand("BackColor", false, colour); } document.designMode = "off"; } function highlight(colour) { var range, sel; if (window.getSelection) { // IE9 and non-IE try { if (!document.execCommand("BackColor", false, colour)) { makeEditableAndHighlight(colour); } } catch (ex) { makeEditableAndHighlight(colour) } } else if (document.selection && document.selection.createRange) { // IE <= 8 case range = document.selection.createRange(); range.execCommand("BackColor", false, colour); } }

manifiesto.js

 { "manifest_version": 2, "name": "Highlight Text", "description": "Highlight Important Text from Webpage", "version": "1.0.0", "icons": { "128": "icon_128.png" }, "content_scripts": [ { "matches" : [ "<all_urls>" ], "js": [ "context_script.js"] } ], "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" }, "permissions": ["activeTab"] }

No recibo ningún error con este código, pero no sucede nada cuando presiono la tecla de método abreviado del teclado. ¿Hay alguna otra solución posible a este problema?

about 4 years ago · Juan Pablo Isaza
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