El trabajo del programador es tan complejo y diverso que simplemente no se puede hacer sin la ayuda de varias herramientas. He preparado una lista de 34 extensiones útiles de Google Chrome que le facilitarán la vida y le ahorrarán tiempo.
1.
OctotreeSi amas GitHub y lees mucho código, probablemente sepas lo inconveniente que es navegar por los archivos de GitHub en línea. Este proceso ahora se puede simplificar con la extensión Octotree. Proporciona una barra de herramientas con fácil navegación, que también admite repositorios privados.
2.
PerfectPixel por WellDoneCodeEsta extensión permite a los desarrolladores superponer imágenes con una capa translúcida sobre HTML y hacer comparaciones de píxel a píxel.
3.
Tamaño del repositorio de GitHubUn complemento conveniente y simple que muestra tanto el tamaño de un único repositorio como el tamaño de cada archivo en él.
4.
Github refinadoLa extensión muestra brunches publicados recientemente, y también le permite trabajar con solicitudes de una nueva manera y muestra avatares de usuarios que han respondido a los comentarios.
5.
Code ColaUn complemento que ofrece excelentes capacidades de edición visual para estilos CSS.
Con esta extensión, puede editar los estilos básicos de CSS3 directamente en el sitio.
6.
DomFlagsExtensión para un trabajo rápido con Chrome Developer Tools.
Crea un menú de enlaces para navegar rápidamente su código.
7.
Formateador JSONLa extensión hace que JSON sea más fácil de leer. Tiene resaltado de sintaxis, sangría, enlaces en los que se puede hacer clic.
8.
EditThisCookieEditThisCookie es un administrador de cookies. Con él, puede agregar, eliminar, modificar, buscar, proteger y bloquear cookies.
9.
Redux DevToolsUna herramienta para depurar aplicaciones usando Redux.
10.
iMacros para ChromeSi necesita configurar la prueba de una página web realizando ciertas acciones cíclicamente, entonces esta aplicación es exactamente lo que necesita.
11.
estadísticas de github npmEl complemento muestra estadísticas de descargas de paquetes en el sitio web de NPM.
12.
RailsPanel
Extensión para desarrollar aplicaciones Rails que procesarán el archivo de registro. Acceda a toda la información de solicitud para su aplicación Rails directamente en la consola.
13.
Xdebug helperExtienda fácilmente la depuración, la creación de perfiles y el seguimiento de Xdebug
14.
Prueba de resoluciónPrueba de resolución: ayudará al probar aplicaciones web con diferentes resoluciones y tamaños de pantalla. Puede seleccionar una resolución común de la lista o ingresar los tamaños necesarios manualmente. Esta extensión cambia el tamaño del navegador y emula su aplicación en la resolución de pantalla deseada.
15.
CSS PeeperExtensión para ver colores y activos utilizados en sitios web: ilustraciones, documentos de texto, archivos de diseño, archivos de video.
16.
Búsqueda de Android SDKLa extensión ayuda a encontrar rápidamente el SDK de Android en el sitio web oficial del desarrollador.
17.
WhatRunsWhatRuns le permite ver todos los marcos y herramientas que hacen que el sitio funcione, incluido WordPress y otros materiales como Google Analytics.
18.
Wordpress Site ManagerLa extensión es útil para aquellos que desean recopilar toda la información necesaria para la autorización en sus sitios en un solo lugar. WordPress Site Manager guardará su información y proporcionará acceso a las páginas principales de sus sitios directamente desde el navegador.
19.
BuiltWith Technology ProfilerLa extensión le permite determinar cómo se desarrolló un sitio web.
20.
User-Agent SwitcherExtensión para ver cómo se verá el sitio en diferentes dispositivos.
21.
StylebotStylebot es una extensión para el navegador Chrome que le permite personalizar la visualización de páginas en el navegador de acuerdo con sus preferencias. Y esto se hace de una manera fácil y conveniente, con una visualización instantánea de los cambios, para que cualquiera pueda hacer frente sin la necesidad de tener conocimientos de HTML y CSS.
22.
PHP Ninja ManualLa extensión permite el acceso instantáneo a la documentación de PHP 5.5 desde un navegador.
Es difícil recordar cada función, y si solías pasar horas buscando en Google, esta extensión te facilitará la vida.
23.
Cliente Restlet - Prueba API REST
Automatice sus pruebas de API con esta extensión.
24.
CSS-ShackCon la extensión, puede crear un diseño y exportarlo a un archivo CSS para usarlo en el sitio. Admite capas y contiene muchas herramientas que se pueden usar en un editor de fotos estándar.
25.
Web MakerEsta extensión proporciona una plataforma conveniente y autónoma para experimentos web.
Ideal para desarrolladores que desean experimentar o practicar en HTML / CSS / JS. Funciona sin conexión a internet.
26.
npmhubAl ver un repositorio en github.com que tiene un archivo package.json, esta extensión analizará las dependencias en el paquete y mostrará enlaces con una descripción para ellos justo debajo del archivo README.
27.
augurioEl complemento extiende las herramientas de desarrollo al agregar herramientas para depurar y perfilar AngularJS
28.
Soporte IDE de JetBrainsUna extensión para editar HTML / CSS / JavaScript y depurar JavaScript usando el IDE de JetBrains.
29.
Consola PHPLa extensión muestra errores y volcados de PHP en la consola de Google Chrome y ventanas emergentes de notificaciones.
30.
Cliente REST avanzadoCon la extensión, puede completar los datos del formulario y realizar solicitudes POST, PUT, GET, DELETE, realizar solicitudes a los servicios RestFul, ver las respuestas del servidor y mucho más.
31.
DevTools Autosave
El complemento le permite guardar automáticamente cualquier cambio en CSS o JS utilizando las herramientas del entorno Chrome Dev en su archivo fuente.
32.
JSONViewComplemento para verificar y ver documentos JSON. Capaz de hacer automáticamente formateo, resaltado de sintaxis y otras comodidades para aumentar la legibilidad de JSON.
33.
Contribuciones isométricasLa extensión le permite cambiar entre el gráfico de contribución regular en GitHub y la versión de pixel art isométrico.
34.
OctoLinker
La extensión proporciona navegación de código rápida al convertir elementos de código (como incluir, requerir o importar) en enlaces en los que se puede hacer clic. Al hacer clic en este enlace, puede encontrar la fuente. Dependiendo del lenguaje de programación, la extensión muestra el archivo fuente o lleva al usuario a un sitio externo.
Espero que hayas encontrado algo nuevo para ti.
Mi lista está incompleta, escriba en los comentarios qué extensiones usa y puede recomendar.Mi canal de telegramas (@iscanner), escribo sobre análisis web y de aplicaciones