Estoy haciendo una extensión de Chrome y necesito ver el HTML/CSS/JS del popup.html.¿Debug popup.html de una extensión de Chrome?
No puedo hacer clic derecho para inspeccionar los elementos. ¿Hay otra manera? Necesito asegurarme de que CSS y JavaScript se inserten correctamente. Cómo depurar un problema en ese archivo emergente?
Haga clic derecho en el botón de la extensión, a continuación, 'Inspeccionar emergente'
Exactamente lo que quería. No tenía idea de que estaba allí. ¡Gracias! – Skizit
En Chrome 22 (Canary el 8/1/2012), se ha eliminado la opción 'Inspeccionar ventana emergente', probablemente porque puede 'Inspeccionar elemento' desde la ventana emergente. Sin embargo, debido a esto, no hay forma de depurar/establecer un punto de interrupción en el código que se ejecuta en carga. Hasta ahora, mi única solución es poner un setTimeout durante 10-15 segundos, lo que me permite abrir la ventana emergente, seleccionar 'Inspeccionar elemento', buscar la etiqueta de Scripts y establecer el punto de interrupción dentro de la función de tiempo de espera agotado. ¿Conoces una manera más fácil? – Schmuli
No lo sé, lo siento, ojalá el equipo de Chrome deje de romper cosas. –
Sí, 'Inspeccionar emergente' en el icono de la extensión, y aparte de eso - de gestor de extensiones también se puede inspeccionar su página de opciones.
Inspect Popup se ha ido con la última versión.
Así es como debo depurar ventanas emergentes de extensión de Chrome.
debugger declaraciones.location.reload(true) y presione Intro.¡Ahora se han alcanzado sus puntos de interrupción! Una excelente forma de volver a cargar los scripts cambiados sin volver a visitar la página de extensiones.
Obtengo la ventana emergente cuando hago clic en el ícono de acción de la página. – ripper234
Gracias Tom. location.reload (true) funciona. –
También puede presionar F5 mientras está en el depurador, activa "recargar" y no "ejecutar". Aunque esto debería considerarse una falla de UI, ya que los desarrolladores esperarían que F5 "corra", no "recargue". Por lo tanto, tenga cuidado con este útil F5 que también ha estropeado algunas depuraciones cuando se golpea en el momento equivocado. Lo último también ocurre en Firefox. –
Quizás otra manera puede ser encontrar el ID: para su aplicación en chrome: // chrome/extensions/
, puede cargar su emergente en una ventana normal por
chrome-extension://id_of_your_application/popup.html
emergente Cambio .html para el archivo que ha especificado en manifest.json en la propiedad "default_popup".
Esto no parece funcionar. – tanushree
Lo probé y funciona si tu extensión es una ventana emergente. Aquí hay un ejemplo del enlace emergente de AdBlock que se ejecuta en el navegador. Debe tener AdBlock instalado. chrome-extension: //gighmmpiobklfepjocnamgkkbiglidom/button/popup.html –
excelente respuesta. La mejor manera de depurar – DMTintner
Documentación para los registros, Tutorial: Depuración: https://developer.chrome.com/extensions/tut_debugging – brasofilo