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

Las extensiones que instala en el navegador Chrome en su computadora no son más que un grupo de archivos de código fuente que realizan las actividades predefinidas. Algunas mentes curiosas pueden querer ver el código exacto que crea estas extensiones. Si bien ver el código fuente de una página web en Chrome es tan fácil como hacer clic derecho en la página y seleccionar una opción, acceder al código fuente de una extensión de Chrome no es tan fácil.

Sin embargo, eso no debería impedirle ver el código fuente de una extensión. Con los dos métodos siguientes, debería poder ver el código fuente de una extensión de Chrome en su computadora.

Los siguientes métodos se demuestran con una Mac.

Ver el código fuente de una extensión de Chrome en el Explorador de archivos

Si bien los archivos de las extensiones que instalas en Chrome se guardan en tu computadora, no son muy fáciles de encontrar ya que los nombres de sus carpetas son algo científico. Sin embargo, con el método a continuación, debería poder revelar las carpetas donde se encuentran los archivos de origen de la extensión.

1. Abra Chrome en su computadora, escriba chrome://extensionsen la barra de direcciones y presione Entrar. Abrirá la lista de extensiones en el navegador.

2. Cuando se abra la página de extensiones, seleccione el cuadro etiquetado como “Modo de desarrollador” en la esquina superior derecha. Debería permitirle ver más detalles sobre las extensiones en la página.

3. Ahora debería poder ver los ID de las extensiones que se muestran en la pantalla. Lo que debe hacer aquí es anotar el ID de la extensión cuyos archivos de código fuente desea ver.

En el siguiente ejemplo, he resaltado el ID de la extensión “Adblock para Youtube”. Revelaré el código fuente de esta extensión en los siguientes pasos.

4. Ahora que tiene el ID de la extensión, escriba chrome://versionen la barra de direcciones de su navegador y presione Entrar. Debería ayudarlo a ubicar la carpeta donde existen los archivos de extensión.

5. En la página de la versión de Chrome, resalte y copie el valor de “Ruta del perfil” en su portapapeles. Se muestra en la siguiente captura de pantalla.

6. Abra Finder (o el Administrador de archivos de su sistema operativo). Haga clic en “Ir” en la parte superior y seleccione “Ir a la carpeta …” Le permitirá acceder a la carpeta de extensiones en su Mac.

7. Pegue la ruta del perfil que ha copiado en su portapapeles en el panel Ir a la carpeta y haga clic en “Ir” para abrir esa carpeta en una ventana del Finder.

8. Haga doble clic en la carpeta “Extensiones” en la siguiente pantalla para abrir la carpeta donde están disponibles todas sus extensiones.

Lo que verá aquí es una serie de carpetas con algunos nombres confusos. Aunque estas carpetas son para las extensiones que ha instalado en Chrome, no tienen el mismo nombre que el nombre de la extensión y, por lo tanto, es difícil encontrar la carpeta para su extensión.

Ahora busque la carpeta que tiene el mismo nombre que el ID de extensión que anotó en uno de los pasos anteriores. Esa es la carpeta de su extensión.

9. Todos los archivos de extensión deben estar en la carpeta y puede abrirlos con su editor favorito para ver sus códigos.

Así es como puede ver el código fuente de una extensión de Chrome sin utilizar una herramienta de terceros. Si no le importa instalar una extensión, la siguiente sección es para usted.

Ver el código fuente de una extensión de Chrome usando una extensión

1. Abra Chrome en su computadora, diríjase a la página del visor de fuentes de la extensión de Chrome en Chrome Web Store y haga clic en “Agregar a Chrome”.

2. Haga clic en “Agregar extensión” en la siguiente pantalla.

3. Una vez agregada la extensión a su navegador, abra la página de una extensión en Chrome Web Store, como la página de la extensión Markdown Preview.

Cuando se cargue la página, haga clic en el ícono CRX en la barra de extensiones en Chrome y seleccione “Ver fuente”.

4. Debería poder ver el código fuente de la extensión seleccionada en la ventana de Chrome.

Conclusión

Si tiene curiosidad por ver los códigos fuente de las extensiones que instala en su navegador, la guía anterior debería ayudarlo a hacerlo de dos maneras sencillas.

Crédito de la imagen: código fuente Clef

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario