Cómo mostrar el código fuente de una extensión de Chrome

Las extensiones de Chrome se envían en un estado en el que es posible ver el código fuente de ellas. Eso es interesante por varias razones, aunque es posible que no sea algo que desee hacer si no es competente en JavaScript o conoce a alguien que lo sea.

Probablemente, la razón más obvia por la que es posible que desee consultar la fuente de las extensiones de Chrome es auditarlas antes de instalarlas en el navegador.



Esto es especialmente cierto si no conoce al autor de la extensión o si la extensión se ofrece en un sitio de terceros y no en el tienda web oficial de Chrome.

Otra razón es comprobar cómo se hizo algo. Tal vez también desarrolle extensiones para el navegador y solo quiera saber cómo el autor de una extensión implementó una determinada característica que le interesa. Como puede acceder al código fuente, puede usarlo para aprender.

Y el acceso a la fuente también es útil si desea modificar la extensión, por ejemplo, haciéndola eficiente o eliminando características de la misma.

Obtener el archivo de extensión de Chrome

Ahora, el primer y mayor obstáculo es tener en tus manos el archivo crx de Chrome. Si bien puede instalar la extensión en Google Chrome para descargarla de esa manera, no siempre es una opción, especialmente si desea auditarla primero antes de instalarla.

Si eso no es un problema, consulte las ubicaciones oficiales de las extensiones:

  • Linux: ~ / .config / google-chrome / Default / Extensions /
  • Mac: ~ / Biblioteca / Soporte de aplicaciones / Google / Chrome / Predeterminado / Extensiones
  • Ventanas: C: Users [nombre de usuario] AppData Local Google Chrome User Data Default Extensions

Tenga en cuenta que el nombre de la aplicación puede ser diferente según la versión de Google Chrome que esté utilizando. En su lugar, puede ser cromo o chrome-sxs, por ejemplo.

Aquí encontrará todas las extensiones instaladas como carpetas. Encontrará el ID en chrome: // extensions / page. Compare el ID que aparece en esa página con la estructura del directorio.

chrome extension id

chrome extension folder



Alternativa sin instalación

Actualizar: El siguiente método ya no funciona. Puede utilizar una extensión de navegador como Obtenga CRX para descargar cualquier extensión de Chrome al sistema local. Final

Puede descargar cualquier extensión de Chrome de la tienda sin instalarla primero en el navegador. El método funciona en todos los navegadores web, no solo en Google Chrome. Aquí está:

  • Abra la página de la tienda de la extensión que desea descargar.
  • Tenga en cuenta que la dirección contiene su ID, p. Ej. aknpkdffaafgjchaibgeefbgmgeghloj en esta página: https://chrome.google.com/webstore/detail/angry-birds/aknpkdffaafgjchaibgeefbgmgeghloj
  • Pegue https://clients2.google.com/service/update2/crx?response=redirect&x=id%3D---%26uc en otra ventana del navegador, pero no la cargue todavía.
  • Reemplace --- con el ID de la extensión que en el caso de la extensión de ejemplo anterior conduce a https://clients2.google.com/service/update2/crx?response=redirect&x=id%3Daknpkdffaafgjchaibgeefbgmgeghloj%26uc
  • Cargue esa dirección y el archivo crx de la extensión se descargará en su sistema.

Descomprimiendo

Si descarga la extensión en lugar de instalarla, primero debe descomprimirla antes de poder ver su código fuente. Puede utilizar un programa como 7 cremalleras para eso por ejemplo.

Simplemente haga clic con el botón derecho en el archivo de extensión descargado y seleccione 7-zip> Extraer a en el menú que se abre.

Esto extrae la extensión en una carpeta en el mismo directorio en el que está almacenada.

Desde aquí, puede explorar los diversos archivos que se incluyen en editores de texto sin formato o editores especializados.