web developer

Desarrollador web

La extensión del desarrollador web agrega varias herramientas de desarrollador web a un navegador. La extensión está disponible para Chrome, Edge, Firefox y Opera, y se ejecutará en cualquier plataforma que estos navegadores admitan, incluidos Windows, OS X y Linux.

La extensión se puede instalar desde su página de inicio:

• Página de inicio: https://chrispederick.com/work/web-developer/

O directamente desde los repositorios de cromo, borde, Firefox u Opera Extension:

• Chrome: https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
• Borde: https://microsoftedge.microsoft.com/addons/detail/web-developer/ilbdhapjffldgngebmnkdodohjapjccm
• Firefox: https://addons.mozilla.org/en-us/firefox/addon/web-developer/
• Opera: https://addons.opera.com/en/extensions/details/web-developer/

Anuncios

Para los anuncios sobre la extensión del desarrollador web, incluidas las noticias sobre versiones beta y avances de las próximas versiones siguen:

• Blog: https://chrispederick.com/blog/
• Mastodon: https://social.lol/@chrispederick

Ayuda

La ayuda para la extensión del desarrollador web se puede encontrar en su página de inicio:

• Ayuda: https://chrispederick.com/work/web-developer/help/
• Problemas conocidos: https://chrispederick.com/work/web-developer/issues/
• Lista de tareas pendientes: https://chrispederick.com/work/web-developer/to-do//

Para informar un nuevo problema o sugerir una nueva característica, contácteme:

• Contacto: https://chrispederick.com/contact/

Desarrolladores

Tecnologías

La extensión del desarrollador web está escrita en JavaScript, HTML y CSS.

Documentación de extensión

Para obtener información sobre cómo escribir extensiones del navegador, consulte la documentación de Chrome, Firefox y Opera:

• Chrome: https://developer.chrome.com/docs/extensions/
• Edge: https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/
• Firefox: https://developer.mozilla.org/en-us/docs/mozilla/add-ons
• Opera: https://dev.opera.com/extensions/

Proceso de construcción

La extensión utiliza el sistema de compilación Gulp.

Una vez que se instala Gulp, la extensión se construye ejecutando lo siguiente:

 gulp

Para construir la extensión para Chrome, Edge, Firefox u Opera solo ejecutan gulp chrome , gulp edge , gulp firefox o gulp opera , respectivamente.

Cuando se construye la extensión, crea directorios build/chrome , build/edge , build/firefox y build/opera , así como versiones empaquetadas de Extensions build/web-developer-chrome.zip , build/web-developer-edge.zip , build/web-developer-firefox.xpi , y build/web-developer-opera.nex .

La extensión se puede instalar en Chrome, Edge, Firefox u Opera cargando la extensión desempaquetada en build/chrome , build/edge , build/firefox o build/opera respectivamente como se describe en la documentación de Chrome, Edge, Firefox y Opera.

Bibliotecas incluidas

Las siguientes bibliotecas son utilizadas e incluidas en la extensión como es:

• Bootstrap: https://getbootstrap.com/
• Codemirror: https://codemirror.net/
• Dompurify: https://github.com/cure53/dompurify
• Eric Meyer's RESET CSS: https://meyerweb.com/eric/tools/css/reset/
• JS Beautifier: https://github.com/beautify-web/js-beautify
• bigache.js: https://github.com/janl/mustache.js/ importado de https://unpkg.com/browse/[email protected]/mustache.js

No deben ser alterados aparte de la actualización de sus últimas versiones por razones de mantenimiento.

Íconos

Los iconos utilizados en la extensión son de Nucleo y cualquier iconos nuevos utilizados en la extensión también debe provenir de allí para obtener consistencia.

Configuración del editor

Se incluye un archivo EditorConfig para unificar el estilo de codificación para diferentes editores.

Expresiones de gratitud

Apoyado por:

• Browserstack

Autor

Chris Pederick

• https://chrispederick.com/
• https://social.lol/@chrispederick

Licencia

Todos los archivos se distribuyen de forma gratuita bajo los términos de la Licencia Pública General de GNU. Esto no se aplica a las bibliotecas o íconos incluidos en la sección de desarrolladores que tienen sus propias licencias individuales.