Las mejores extensiones de Google Chrome para cada desarrollador web de WordPress

Google Chrome no fue el primer navegador web en ingresar a la arena, pero a pesar de un número creciente de competidores a lo largo de los años, continúa teniendo el título más popular. Desde que llegó al escenario en 2008, Chrome ha cerrado constantemente sus líneas, luego excedió fácilmente a Mozilla Firefox y Microsoft Internet Explorer (que tenía una cuota de mercado de más del 90% durante su gloria). Incluso los titulares de Foxophiles y Gate (s), actualmente conservan solo el 5% del mercado de navegadores combinados, han pasado durante mucho tiempo al experto en metales. Ya sea que navegue desde un escritorio o un dispositivo móvil, Chrome es definitivamente el navegador más utilizado en casi cualquier país.

La gran popularidad de Chrome supera con creces todos los otros navegadores disponibles. Fuente: Gs.Statcounter.com Como desarrollador web, desea asegurarse de que lo que diseñó puede adaptarse a cualquier dispositivo o navegador. Google Chrome, como el navegador más utilizado, debe estar a la vanguardia de esta lista. Además de usar Chrome como parte de las pruebas de navegador, también es útil en términos de herramientas (o extensiones) que se han creado especialmente para desarrolladores web. Con este fin, hemos inventado una lista de extensiones para los desarrolladores web de Chrome, a quienes creemos que realmente pasa. Continúe leyendo para averiguar cuáles son o use los enlaces a continuación para acceder a cualquier sección.
El paraíso de los desarrolladores
Blogging and Writing
Estilo y diseño
Productividad y organización
El rendimiento del sitio
Desarrollo de WordPress
No hay lugar como chr (h) om
Y dejamos … El paraíso de los desarrolladores además de usar Chrome como parte de las pruebas de navegador, también es útil en términos de herramientas/extensiones que se han creado especialmente para los desarrolladores de Chrome Web. Los desarrolladores de WordPress saben lo fuerte que es solo el CMS, pero puede hacer que el desarrollo fluya y de manera más eficiente desde su navegador Chrome con algunas extensiones dulces. Chrome facilita esto mediante instalaciones con un solo clic (o desinstalaciones, para lo que sea que decida no usarlas). También puede arreglar cualquier cosa en la barra del navegador para un acceso rápido y fácil. Así que comencemos y descubramos las mejores extensiones de Google Chrome para desarrolladores web. Blogging y escribiendo la barra de administración de WordPress
Si alguna vez ha sido perturbado por la barra de administración de WordPress que aparece cuando intenta ver el front-end de su sitio (a veces bloquea los componentes importantes del sitio que desea ver al verlo previamente), creemos que usted. Esta extensión hace algo simple, pero lo hace bien. Puede ocultar la barra de administración al hacer clic en su icono junto a la barra de direcciones. Es una forma muy rápida de ver lo que pierde sin tener que recurrir a desconectar o abrir una ventana de incógnito.

No deje la falta de actualizaciones recientes para asustarlo. Hace exactamente lo que debe hacer y, como se dice … si no está roto, no lo repara. Administrador de sitios de WordPress
Esta extensión de Chrome almacenará la información de su sitio web de WordPress y permitirá un acceso rápido y fácil a las páginas principales de su sitio. También ofrece más características al editor de temas de WordPress que la convierte en un editor de CodeMirror. Una vez que haya ingresado la información de conexión una vez, puede acceder a los sitios web almacenados con la extensión de WordPress Site Manager. Puede editar las páginas principales, puede agregar sitios en la red, puede hacer los ajustes del tema y otros cambios básicos. Todos los cambios disponibles están bien organizados en la página para realizar rápidamente cambios y cambios. Gramático

Grammarly es una extensión de la que nos atrae. No solo te ayuda a identificar con precisión los errores de ortografía (con un subrayado rojo), sino también los gramaticales (con subrayado verde). La característica más útil es cómo muestra convenientemente las sugerencias de corrección cuando pasa con el mouse sobre la palabra en cuestión. Simplemente haga clic en la sugerencia que desea usar y reemplaza automáticamente el texto o los signos de puntuación iniciales.
No solo funciona para las publicaciones de WordPress. Funciona en cualquier lugar donde pueda ingresar texto para que mejore su copia, páginas, productos e incluso correos electrónicos es muy fácil. Hay una suscripción premium disponible que se extiende fuera de Chrome, si desea acceso a correcciones avanzadas y mejoras de escritura. Estilo y diseño Colorzilla

¿Alguna vez has entrado en un sitio donde te atrajeron al instante la paleta de sombra? Colorzilla facilita la búsqueda del código hexazecimal para cualquier color en el sitio que esté visitando actualmente. Con más de 5 millones de descargas y 1.3 millones de usuarios, Colorzilla es una de las extensiones de Google Chrome más populares. A pesar del hecho de que no hay actualizaciones en 2016, todavía funciona como un campeón. Todo lo que tiene que hacer es comenzar el ícono de la pipeta, pasar el mouse sobre el color y luego hacer clic en el código de color. Colorzilla tiene una multitud de herramientas de color para casi cualquier necesidad, incluida: una pipeta, una selección de color, un visor de paletas y un generador de gradiente. Fuentes ninja
Fonts Ninja identifica las fuentes en cualquier sitio web para que no te arrebata el pensamiento del cabello, ¿WTF? (“¿Qué es esa fuente?”) Tiene un algoritmo de propietario que analiza los archivos con fuente para lograr resultados más precisos, y las actualizaciones recientes han mejorado drásticamente y la velocidad de procesamiento.

Pase cualquier texto para obtener el nombre de fuente y las propiedades de CSS. La ventana de extensión principal también mostrará un resumen de todas las fuentes utilizadas en un sitio web. También puede obtener más información sobre las fuentes, como cuántos estilos están disponibles, lanzarlas y el precio (si está disponible para su compra). Incluso puede marcar las fuentes y administrarlas en la extensión. Una versión premium está disponible. Permita que las aplicaciones MacOS/Windows instale versiones de muestra de las fuentes que descubre en los sitios web, que luego puede usar en cualquier software.
El generador de código QR es muy útil y muy apreciado. Convierta su página actual en un código QR con un solo clic rápido. Puede generar códigos QR a partir de texto libre y URL sobre la marcha. Las características clave incluyen el modo oscuro automático, la capacidad de descargar el código QR como una imagen, la capacidad de crear código QR personalizado con logotipo, soporte de teclas rápidas y más. Debido a que los desarrolladores transforman la URL aproximada en un código QR y no incluyen ningún material de terceros en él, los códigos QR que cree son permanentes/nunca caducan. (Y lo más importante, de manera segura, porque no siguen sus datos o tráfico).

Juega con el generador de código QR. ¡Vamos, escanea! Nimbo
La grabadora de video de captura de pantalla y pantalla de Nimbus es una herramienta muy útil y extremadamente versátil. Use la captura Nimbus para hacer capturas de pantalla: páginas web completas o cualquier parte de la pantalla. Grabe videos en todo su escritorio o pestañas de navegador o cree videos utilizando la cámara web. Use el conjunto completo de herramientas de edición para anotar, cortar, agregar dibujos, flechas, pegatinas o registros de texto. Esta extensión ofrece una increíble cantidad de opciones. Aquí hay solo algunos: soportes y captura para capturas de pantalla
Grabe el video para otro programa activo o pantalla de video desde una cámara web

Personalizar la resolución de la pantalla de video y la velocidad de cuadro

Cortar y cortar las capturas y videos

Compartir capturas de pantalla y obtener un enlace que se pueda compartir con ellos
Envíe capturas de pantalla a Slack o Sube a Google Drive y Google Classroom
Guardar capturas de pantalla en un PDF
La versión gratuita parece premium, dado todo lo que puede hacer con ella. Sin embargo, también ofrece una versión paga (alrededor del precio de una lujosa taza de café, lo que agrega aún más características, como agregar su propia marca de agua y convertir WebM a MP4 y GIF. Regla de página Rodux
Page Ruler Rodux es una extensión básica para los desarrolladores web y una herramienta de diseño que le permite obtener mediciones perfectas en píxeles para el desarrollo front-end del sitio web, el diseño web o cualquier tarea que necesite mediciones exactas de píxeles. Esta extensión también le permite cambiar el tamaño de la regla y ajustar el color para un contraste perfecto en sitios web oscuros y brillantes. El detector de temas de WordPress y los temas de WordPress y el detector de complementos pueden detectar temas de WordPress y complementos de WordPress instalados en el sitio web que se ve actualmente. Esta extensión es extremadamente rápida, ya que utiliza la API propia del desarrollador en el lado del servidor, no en su navegador si hace clic en el tema en / muestra más del menú desplegable de extensiones desplegables, verá ejemplos de otro sitio web usa que usan el tema detectado, incluidos temas secundarios (si los hay).
El blog de la NASA utiliza el tema popular de los veinte y dieciséis del WP, junto con muchos otros sitios. La extensión del detector de temas de WordPress y el detector de complementos reúnen una lista de ejemplos (presentados anteriormente). Otra pequeña característica: cuando usa la extensión, su icono se vuelve azul si detecta un sitio de WordPress, gris si no. Productividad y organización Asana
Los usuarios de Asana están contentos. Ahora puede extender la funcionalidad ordinaria de Asana en cualquier sitio web de Chrome, aumentando aún más su productividad. Puede agregar tareas mientras navega por la web e incluso ingresa el sitio que ve como tarea. Esto no es todo: puede asignar a los miembros del equipo, espacios de trabajo y descripciones. Es la herramienta perfecta para ayudarlo a mantenerse organizado y enfocado en sus tareas web alargadas, otra razón para disfrutar, es decir, si es un usuario apasionado. Con la extensión web de Evernote Clipper, puede guardar páginas web completas o clips simplificados en cerraduras elegidas. También puede anotar la selección o hacer una captura de pantalla completa. Es una excelente manera de seguir sus ideas e inspiraciones a medida que suceden. Cambiar la búsqueda
La extensión de pista TOGGL coloca un cronómetro en cualquier herramienta web, lo que permite el seguimiento rápido y de tiempo real, con todos los datos almacenados en su cuenta TOGGL. Ya sea que use Trello, Slack, Asana, ToDoist, Jira, noción o una de más de 100 herramientas integradas, comience a ver el tiempo sin abrir una nueva pestaña. El temporizador de seguimiento TOGGL ahora puede completar sus necesidades de Pomodoro a través de recordatorios automáticos. Una pestaña
Todos estábamos allí … te despiertas con demasiadas pestañas abiertas, y la mezcla se confunde, oscurece el texto y consume memoria. La solución ToArtab? Ahorre hasta un 95% de memoria y reduzca las multitudes de filete. Simplemente haga clic en el icono de extensión para convertir todas las pestañas en una lista. Cuando tenga que acceder nuevamente a las pestañas, puede restaurarlas individualmente o todo a la vez. También proporcionan confidencialidad, indicando que la información de su pestaña nunca se transmite o divulga a los desarrolladores OpenTab. Las ventas de HubSpotcu a más de 800,000 clientes que disfrutan de esta extensión, HubSpot Sales es una extensión de Chrome muy popular y bastante útil. Programe correos electrónicos, vea las aberturas y los clics, registre mensajes CRM en Gmail y comparta plantillas de correo electrónico con su equipo, utilizando las herramientas de productividad de HubSpot. También puede reservar reuniones, que serán sincronizadas por su calendario de Google. Incluso tiene aplicaciones móviles, tanto para iOS como para Android. Necesitará una cuenta en HubSpot para usar la extensión, pero es gratuita para obtener una. También hay una versión paga, que agrega funcionalidades para información personal automática, así como mayores límites para plantillas, reuniones de programación, seguimiento de correo electrónico y más. Este conjunto especial de herramientas incluye las “ventas” de la compañía. Es uno de un conjunto más grande de plataformas CRM que HubSpot se divide en categorías (como marketing, servicios, operaciones, etc.), cada una con sus propias integraciones y tarifas asociadas.

Para obtener algunos principios, prácticas y excelentes consejos sobre la configuración y el uso de HubSpot, consulte estos artículos en nuestro foro para los miembros: por qué y cómo saber si el correo electrónico que envió está abierto y use la extensión de correo electrónico de Hubspot para aumentar sus ventas y mejorar el procesos. Vaya a los valores de tráfico y clave para cualquier sitio web, incluida la tasa de participación, la clasificación de tráfico, la clasificación de palabras clave y la fuente de tráfico. Extension similar a Web le ofrece todo el sitio similar aweb.com directamente desde la barra de herramientas del navegador. Con un solo clic, puede obtener estadísticas de profundidad para cualquier sitio web que visite. Es importante tener en cuenta que no todos los sitios en todo Internet se almacenan en la base de datos similares, por lo que es posible que no vea las estadísticas de su sitio. Si está al principio o si no tiene muchas vistas de página. Application.telemetry

App.tetemetry facilita las pruebas rápidas de su sitio. Al hacer clic en el icono de su navegador, una vez instalado. Puede ver exactamente dónde puede mejorar la velocidad de su sitio con las categorías que se muestran para usted, junto con su tiempo de carga total. El monitor de la velocidad de la página muestra la brecha y la duración de cada paso durante la carga de la página, en función del tiempo de navegación W3C. Tan pronto como acceda a una página, consulte el tiempo de carga en la barra de estado, y la información detallada está a un clic de distancia. Algunas de las categorías que puede ver incluyen redireccionamientos, caché, búsqueda de DNS y eventos de carga. Aunque no muestra estadísticas detalladas, es una solución excelente si necesita una forma rápida de verificar el progreso de su sitio mientras se desarrolla. La lista de verificación de desarrolladores de Webun de las herramientas de desarrolladores más útiles, la extensión del desarrollador web de Toptal, Google Chrome, analiza y verifica su página web para cualquier violación importante del mejor diseño web. Está buscando SEO, usabilidad, accesibilidad y rendimiento (velocidad de página), entre otros. Estadísticas de SEO abiertas

Abra las estadísticas de SEO (anteriormente llamadas estado de PageRank), lo ayuda a obtener un instante del lugar donde se encuentra en Internet, mostrando las posiciones de la página para Alexa, Google, Compete y Quantcast, al hacer clic en el botón de su navegador. También tiene la capacidad de mostrar la información de Whois y el número de páginas indexadas en los motores de búsqueda (incluidos Google, Bing y Yahoo). Además, muestra las estadísticas de caché (Archive.org, Google), así como para obtener información sobre backlink, redes sociales, ubicación de GEO IP y más. Si opta por una cuenta premium, puede desbloquear funciones más útiles. Ubersuggest-SEO y las palabras clave Ideggest ofrece una forma rápida de obtener una descripción general del SEO de los sitios que navega y las palabras clave que clasifica. Una vez instalado, vaya a Google, YouTube o Amazon y haga una búsqueda. Aquí verá datos sobre palabras clave y términos de búsqueda. Para cualquier palabra clave que estuviera buscando, haga clic en “Ver todo” junto a la barra de búsqueda para tener acceso a más palabras clave e información de SEO. La extensión de Ubersugest SEO también tiene gráficos y tendencias, datos de vínculo de retroceso, palabra clave asociada

Si bien SmartCrawl de WMPU es más exhaustivo al evaluar el rendimiento de su sitio, es posible que desee conocer el rendimiento promedio de los sitios web del tercer tercio. Aquí hay una extensión útil para desarrolladores de faro. Al escuchar una página, Lighthouse realiza una serie de pruebas en su contra y luego genera un informe sobre qué tan bien ha funcionado la página. Desde aquí, puede usar las pruebas fallidas como indicadores de lo que puede hacer para mejorar su aplicación. Simplemente instale el complemento, haga clic en su icono e inicie automáticamente el análisis a través de Lighthouse. Asistente de etiqueta para conversiones Beta (de Google) Asistente de etiqueta para conversiones Beta lo ayuda a validar la implementación de su sitio para medir las conversiones para los anuncios de Google. Tag Assistant le permite viajar todo el viaje de usuario, simular un anuncio, llegar a su sitio web, navegar por el sitio y eventualmente hacer la conversión. La guía del paso por paso resaltará los posibles problemas o la configuración incorrecta y, finalmente, le notificará cuándo la conversión se registra correctamente.

Esta no es su extensión típica: no aparece un botón en la parte superior de su navegador. Bajo el botón de descarga habitual, también verá un botón de repositorio SVN una vez que se instale esta extensión. Una vez hecho clic, podrá verificar el código de complemento de primera mano. Podrá echar un vistazo debajo del capó y ver la calidad del código antes de decidir descargar el complemento. Tendrá la oportunidad de detectar un código hinchado o malicioso antes de instalar el complemento, ayudándole a evitar el desastre antes de presionar. Administrador de MySQLace Esta extensión para los desarrolladores de Google Chrome lo ayuda a administrar su base de datos MySQL. Le ofrece la administración del servidor MySQL, similar a PhPMyAdmin, Sequel Pro. Las características de administrador de MySQL incluyen:

Conectarse al servidor MySQL (4.1 o más reciente), conectándose al servidor MySQL con SSL, conectándose al servidor MySQL redirigiendo SSH2

Visualización de estadísticas y la lista de procesos del servidor conectado (actualización automática), lista de tabla y líneas de tabla seleccionadas

Creación y eliminación de tablas, insertando y actualizando las filas

Exportación de bases de datos

Enlace de seguimiento de redireccionamiento

La traza de redirección de enlace se ha creado para reemplazar todas las otras extensiones de “solución parcial” y es la ruta de redireccionamiento todo en uno que le brinda la imagen completa de cada redirección-HTTP, Rel-Canonicals, Robots.txt, Power Link, Confidence y Riesgo analizado. Realice un análisis avanzado, integral y más importante correcto de REL RIN, redireccionamientos y canónicas. Use esta extensión para su análisis SEO, SEO en la página, SEO Off Page, Análisis de competencia y más. Antes de instalar otra extensión de Chrome, tenga en cuenta que esta funcionalidad ya puede incluirse como parte de una herramienta SEO o un complemento de WordPress que ya usa. CSS PeeterIriperPePent Styles de una manera simple, bien organizada y hermosa con CSS Peeper. CSS Peeper es un visor CSS Chrome Extension diseñado para diseñadores, lo que le permite concentrarse en el diseño en lugar de cavar en el código. ¿Necesita conocer la altura de la línea, la fuente o el tamaño del botón en un sitio web? Verifique fácilmente el estilo CSS oculto de los objetos, colores y activos en la web utilizando esta extensión. desarrollador web

Con casi un millón de usuarios y una evaluación de 4.5 estrellas, es seguro decir que el desarrollador web es una de las mejores extensiones de Google Chrome para los desarrolladores web. Desarrollado por Chris Pedrick, esta extensión agrega una pequeña barra de herramientas con varias herramientas de desarrollo web sobre imágenes, información, cambio de tamaño, formularios y más. mecanismo

Clockwork ofrece un conjunto de herramientas de desarrollo para desarrolladores de PHP. Proporciona un nuevo panel con toda la información necesaria para la resolución de problemas y el perfil de los scripts PHP, incluidos los datos de solicitud, el diario de aplicaciones, los interrogatorios de la base de datos, las rutas y la visualización del tiempo de aplicación. Clockwork utiliza un componente en el lado del servidor que reúne todos los datos relevantes y se integra fácilmente con cualquier proyecto PHP. Incluye soporte para las aplicaciones Laravel, Slim 2 y Codeigniter 21. XDEBUG Helperacean Esta extensión Google Chrome ayuda a solucionar problemas, perfilar y rastrear el PHP, en lugar de luchar con variables o cookies Post/Get. Xdebug Helper es muy útil para los desarrolladores de PHP que utilizan herramientas PHP con soporte de XDebug (como PhpStorm, Eclipse con PDT, NetBeans y MacGDBP) o cualquier otra herramienta de perfil compatible con XDebug (como Kcacherind, WinCacherind o Webgrind). IMPORTANTE: Debe estar en el modo de desarrollador (en la página de Chrome: // Extensions/) para funcionar. No se preocupe por la última actualización indicada (2016). Las reseñas de WP incluso en julio de 2021 fueron deloiters de 5 estrellas y estamos de acuerdo en que todavía es genial. Wappaerer

Un instrumento desarrollado por Elbert Alias ​​en 2009, WappPalyzer es una extensión de Google Chrome que permite a los desarrolladores identificar diferentes tecnologías que constituyen la parte superior de un sitio web. WappPalyzer es una utilidad de código abierto y multiplataforma que puede detectar más de 1000 tecnologías, incluidos sistemas de administración de contenido, plataformas comerciales electrónicas, marcos web, software de servidor, herramientas de análisis y más. El liquidación cambia el tamaño de la iniciativa de indexación de Google de dispositivos móviles, ahora es más importante para los desarrolladores probar los sitios web de diseño receptivos, el resonador de ventana de ventana interviene aquí. Esta extensión de Google Chrome cambia de tamaño de la ventana del navegador, por lo que puede probar su diseño receptivo en función de diferentes resoluciones. Las dimensiones de pantalla más comunes están disponibles (para computadora portátil, escritorio y móvil), pero también puede introducir sus propias ventanas personalizadas. Cambiar el tamaño de la pestaña

Solo tienes dos ojos, que inevitablemente mirarán el mismo lugar. Aun así, a menudo puede ser muy útil dividir la pantalla entre varias ventanas, ya sea para copiar el contenido o incluso para seguir un tutorial. Con esta extensión, puede dividir la pantalla entre cuatro ventanas, o entre dos, vertical y horizontalmente. También tiene las opciones “Pestaña vacía”, que crea automáticamente otras hojas desnudas, o “pestaña única”, que solo cambia la pestaña actual. Cambie el tamaño de la pestaña actual y las pestañas correctas en modelos en Windows separados. Con soporte para múltiples monitores, Tab Reize hace que la pantalla se comparta fácilmente. Esto termina nuestra lista recomendada con las mejores extensiones de Chrome para desarrolladores. Vastos herramientas en forma de extensiones y temas, es una opción bien informada para convertirlo en su navegador de desarrollo. Chrome ha estado ocupado proliferando una amplia gama de las mejores extensiones de Chrome para desarrolladores web durante más de una década, desde las herramientas de diseño y desarrollo más elementales y generales, hasta aquellas orientadas a lenguajes de programación (como HTML, PHP, CSS, etc. .). El cielo es el limite aqui.

.. Construya su colección para que se ajuste a su flujo de trabajo personal. Debe mencionarse que algunas de estas extensiones deben ingresar información personal, como conectar datos de su sitio. Aunque no hemos tenido problemas con el uso de versiones gratuitas de estas extensiones, siempre tiene cuidado antes de proporcionar credenciales personales. Si está buscando más buenas lecturas sobre este tema, consulte estos elementos adicionales: Uso de mapas térmicos para ver exactamente dónde hacen clic en los visitantes de su sitio de WordPress

12 cambios de WordPress no tan obvios para mejorar las publicaciones y las páginas

Mejorar el editor visual de WordPress con estos trucos geniales
Uso de herramientas de desarrolladores de Chrome para el desarrollo de WordPress
Con un deseo de aprendizaje continuo y una herramienta asesina a su disposición, la mejora de las habilidades del desarrollador es potencialmente ilimitada. Como dijo el miembro del desarrollo de WPMU, Lucas Ondata Marketing: tendrá un “centro de servicios públicos” para los héroes que trabajan con sitios web.
¿Cuáles son sus extensiones favoritas de Google Chrome para desarrolladores web? ¿Nos perdimos un notable? ¡Dinos en los comentarios!