Guide
El directorio de sitios para desarrolladores reúne 151 lugares que de verdad se abren al programar, en diez grupos: documentación y estándares (MDN, Can I use, RFC, documentación oficial de cada lenguaje), registros de paquetes y CDN (npm, PyPI, Maven, Docker Hub, jsDelivr), sandboxes en línea (CodePen, StackBlitz, TypeScript Playground, Compiler Explorer), páginas de estado (GitHub, Cloudflare, npm, AWS), herramientas en línea (una docena del sitio: JSON, regex, JWT, hashes, Cron, más explainshell, Excalidraw y Mermaid), iconos / fuentes / paletas, pruebas y depuración de API (Hoppscotch, Bruno, webhook.site, ngrok), Git y colaboración (plataformas, convenciones de commit, elección de licencia), aprendizaje y comunidad, y rendimiento, seguridad y depuración.
Actualizado el 2026-09-292 sources9 min read
El directorio de sitios para desarrolladores reúne 151 lugares que de verdad se abren al programar, en diez grupos: documentación y estándares (MDN, Can I use, RFC, documentación oficial de cada lenguaje), registros de paquetes y CDN (npm, PyPI, Maven, Docker Hub, jsDelivr), sandboxes en línea (CodePen, StackBlitz, TypeScript Playground, Compiler Explorer), páginas de estado (GitHub, Cloudflare, npm, AWS), herramientas en línea (una docena del sitio: JSON, regex, JWT, hashes, Cron, más explainshell, Excalidraw y Mermaid), iconos / fuentes / paletas, pruebas y depuración de API (Hoppscotch, Bruno, webhook.site, ngrok), Git y colaboración (plataformas, convenciones de commit, elección de licencia), aprendizaje y comunidad, y rendimiento, seguridad y depuración.
Tres cosas la diferencian de una carpeta de marcadores. Primera: cada entrada lleva una opinión propia del editor — en qué destaca el sitio, cuándo usarlo y qué vigilar («la versión gratuita limita el tamaño», «cada vez más pesado y con login», «las imágenes se suben»), no el eslogan del sitio. Segunda: cada entrada marca cuatro atributos prácticos: gratis, requiere inicio de sesión, tiene API y este sitio/local, con los filtros correspondientes. Tercera: todo lo que toolun puede hacer en local se enlaza aquí primero (sin subir nada, sin login), y los sitios externos con equivalente llevan la nota «este sitio puede hacerlo», sobre todo en decodificación de JWT, pruebas de regex, análisis de cron y compresión de imágenes, que tocan datos sensibles.
Buscar «api» devuelve este grupo de resultados:
Una búsqueda de «jwt» encuentra a la vez una herramienta del sitio y otra externa, y explica su relación:
Pruebas y depuración de API
Hoppscotch Alternativa open source a Postman en el navegador: rápida y sin registro. Gratis · Sin registro
Bruno Cliente de API open source offline-first; las colecciones son archivos para Git. Gratis
httpbin Servicio de eco: muestra exactamente qué cabeceras y cuerpo envías. Gratis · API
Webhook.site URL desechable que recibe cualquier petición y la muestra en vivo. Gratis
Apifox Plataforma integral de API (diseño, depuración, mock, documentación). Gratis · Inicio de sesiónHerramientas en línea
Decodificador JWT /tool/dev-jwt Decodifica Header y Payload en local, muestra la caducidad en formato legible y el token no sale del navegador. Este sitio
jwt.io jwt.io Depurador de JWT de Auth0 y lista de bibliotecas por lenguaje; para tokens sensibles, usa la versión sin conexión del sitio. Se puede aquí → dev-jwtPara entrar en la tabla hacen falta tres cosas. Que se abra: resuelve una necesidad que vuelve a aparecer (consultar documentación, instalar paquetes, probar código, lanzar peticiones, mirar el estado, buscar iconos), no un «he oído hablar». Que se explique: el editor sabe decir en una frase en qué se diferencia de sus parecidos, y cuando no hay diferencia se queda con uno solo. Que siga vivo: revisión uno a uno el 2026-09-09 para confirmar el acceso y el mantenimiento; lo abandonado o pasado a muro de pago se retira. Cada grupo se queda entre 10 y 30 entradas: por encima de esa cifra, un directorio se convierte en una página de resultados de buscador.
Con JWT, expresiones regulares, JSON o hashes, lo que pegas suele ser un token real, datos de usuarios o la estructura de una API interna. Pegarlo en cualquier sitio externo significa sacarlo de tu máquina; muchos dicen que «lo procesan en el navegador», pero no puedes comprobarlo. Las herramientas de toolun se ejecutan en el navegador, funcionan sin conexión y su código se puede revisar, así que la misma función se enlaza primero al sitio; las externas se mantienen porque aportan algo que aquí no hay (la lista de bibliotecas por lenguaje de jwt.io, los dialectos de regex101, la comparación formato a formato de Squoosh), y la reseña dice «cuándo conviene ir fuera».
npm, PyPI y Maven son la única fuente autorizada de un paquete: el historial de versiones, las dependencias y los comandos de instalación salen de la página del registro. jsDelivr y UNPKG exponen archivos de esos registros como URL simples, útiles para referenciar un archivo suelto en una web o leer el código de un paquete. El directorio prefiere los registros oficiales; las redes corporativas o los entornos restringidos pueden montar sus propios espejos, pero publicar y consultar versiones debe seguir haciéndose en el registro oficial.
Casi todas siguen el estilo de Atlassian Statuspage: verde Operational, amarillo Degraded, naranja Partial Outage y rojo Major Outage, con barras de 90 días por componente y la cronología de las incidencias abiertas. Para depurar, el orden recomendado es: mirar primero Downdetector (los usuarios avisan antes) → después la página de estado oficial (confirma el alcance y la recuperación estimada) → y suscribirte al RSS o al correo en lugar de recargar cada rato. La página oficial suele ir unos minutos por detrás y a veces se queda «en verde» mientras falla, así que la Prueba de conectividad de API del sitio lanza peticiones a las direcciones de las que dependes y te enseña el resultado.
CodePen y JSFiddle ejecutan tu HTML, CSS y JavaScript dentro de un iframe: simples y rápidos, pero solo con páginas de front-end. CodeSandbox empezó con contenedores en la nube para proyectos Node completos, y StackBlitz compila el runtime de Node a WebAssembly con WebContainers para que corra en el navegador: arranque en segundos y uso sin conexión. Los Playground oficiales de cada lenguaje (TypeScript, Rust, Go) llevan detrás un compilador en servidor o un compilador WASM, y el enlace compartido es el propio código: la forma estándar de dar una reproducción en un issue.
La mayoría de las bibliotecas de iconos y fuentes usan MIT (Lucide, Heroicons, Tabler), CC0 (la parte gráfica de Simple Icons; la marca del logotipo sigue siendo de su dueño) u OFL (todo Google Fonts). OFL permite uso comercial e incrustación web, pero prohíbe vender el archivo de la fuente por separado y obliga a cambiar el nombre antes de distribuir una versión modificada; la versión gratuita de Font Awesome suma CC BY 4.0, SIL OFL y MIT, y sus iconos Pro no valen para proyectos con la versión gratuita. Para el detalle de licencias de material, consulta el directorio de recursos de diseño.
El grupo «Registros y CDN»: consulta versiones y comandos de instalación de npm y PyPI, y referencia archivos de paquetes directamente con jsDelivr; después pasa a «Git y colaboración» por gitignore.io y GitHub CLI.
En «Sandboxes en línea», elige por framework: proyectos React o Vue con StackBlitz o CodeSandbox, dudas de tipos de TypeScript con el TypeScript Playground, SQL con DB Fiddle y C++ con Compiler Explorer.
«Pruebas y depuración de API»: primero mira con webhook.site qué envía realmente el otro lado; después expón tu servicio local con ngrok o Cloudflare Tunnel para recibir la llamada de verdad; por último repite la petición con Hoppscotch o Bruno.
Repasa «Rendimiento, seguridad y depuración» de arriba abajo: PageSpeed Insights, SSL Labs, Security Headers y CSP Evaluator.
Puede que ya hubiera uno mejor en su categoría (de cada tipo se queda el que se puede distinguir), que en la revisión de 2026-09 estuviera abandonado, pasado a pago o inaccesible, o que sea una herramienta de nicho de un ecosistema concreto y quede fuera del alcance general.
El directorio prioriza servicios utilizables en todo el mundo: los espejos que solo sirven a las condiciones de red de una región quedan fuera. Las versiones, la documentación y las firmas de un paquete siempre vienen del registro oficial; las redes restringidas pueden montar su propio espejo o seguir la documentación de espejo y autoalojamiento del registro oficial.
En este lote no se aceptan solicitudes (para no convertirlo en un mercadillo de enlaces). Los cambios se revisarán en los próximos lotes.
Solo en el localStorage de este navegador: no se suben ni viajan entre dispositivos.
Los datos del directorio se cargan con la página, y la búsqueda, los filtros y los favoritos se ejecutan en tu navegador: la página no lanza ninguna petición al servidor ni registra en qué enlace haces clic. Los enlaces externos se abren en una pestaña nueva con rel="noopener noreferrer", así que el sitio de destino no recibe el Referer de esta página, y a partir de ahí manda su propia política de privacidad. Las herramientas del sitio (las marcadas como «Este sitio») también se ejecutan en el navegador y no suben datos.
Actualizado el 2026-09-29
151 sitios útiles para desarrolladores: documentación y estándares, registros de paquetes, sandboxes, páginas de estado, herramientas en línea, iconos, fuentes y paletas, pruebas de API, colaboración con Git, comunidades, rendimiento y seguridad; cada entrada incluye una breve opinión del editor y etiquetas (gratis / requiere inicio de sesión); prioridad a las herramientas del sitio y favoritos
Esta herramienta no está traducida por completo; parte del contenido usa el idioma de origen o uno de reserva.
rel="noopener noreferrer". Comprobación de enlaces muertos: 2026-09-09.El documento estándar de facto de la plataforma web tiene una traducción completa al chino y la tabla de compatibilidad está disponible.
La guía de Google sobre las mejores prácticas y el rendimiento web, la fuente oficial de Core Web Vitals.
Compruebe qué navegadores admiten una determinada función CSS/JS. Esta es una lectura obligada antes de escribir código compatible.
Se agregan docenas de documentos de lenguaje y marco en un cuadro de búsqueda fuera de línea, lo que hace que el cambio sea extremadamente rápido.
En qué etapa se encuentra la nueva sintaxis de JavaScript, mire aquí en lugar de leer rumores.
El texto estándar vivo de HTML, en el que se basan el comportamiento del analizador y las tablas de entidades.
Estandarice el índice de cada módulo CSS para verificar la definición precisa y la sintaxis de valor de los atributos.
El texto original de HTTP, TLS, JSON, URI y otros protocolos. Para conocer la semántica HTTP, consulte RFC 9110.
Documentación de API cambiada por versión, con cada método marcado con un nivel de estabilidad.
El manual oficial cubre todo, desde la entrada hasta la gimnasia tipográfica, y puedes probarlo mientras lo miras en Playground.
La nueva documentación reescrita en 2023 se centra en Hooks y la versión china está altamente sincronizada.
La calidad de los documentos oficiales chinos es el punto de referencia entre los documentos marco, incluidos los tutoriales interactivos.
La referencia de la biblioteca estándar está completa y la comunidad traduce continuamente la versión china.
El libro oficial de introducción a Rust, el capítulo sobre propiedad, lo explica más claramente que la mayoría de los blogs.
Concepto One Go y ejemplo ejecutable por página, y podrá aprender los conceptos básicos en medio día.
Un archivo de código bien comentado le brinda una descripción general rápida de la sintaxis de un idioma.
Front-end/back-end/DevOps y otras hojas de ruta de aprendizaje, sabiendo qué aprender y en qué orden.
160 comandos + lista de opciones + búsqueda inversa por objetivo + terminal de práctica, todo en este sitio.
149 comandos de Git con niveles y diagramas de peligro, y una terminal simulada para practicar.
La semántica, los escenarios, el procesamiento front-end y back-end y el uso indebido de cada código de estado se pueden leer en una página.
Centro de registro de paquetes JavaScript, ver versión, descargas semanales y árbol de dependencias.
Índice de paquetes de Python, consulte el historial de lanzamientos y las versiones de Python compatibles.
Java/Kotlin se basa en consultas de coordenadas para copiar fragmentos de Gradle o Maven directamente.
Un repositorio de paquetes Rust con documentación generada automáticamente para cada caja vinculada a docs.rs.
La imagen oficial tiene la etiqueta Docker Official Image; consulte la lista de etiquetas y Dockerfile.
Vaya a la documentación y versión del módulo, la ruta de importación es la dirección.
Repositorio de paquetes PHP Composer.
Repositorio de gemas Ruby.
Repositorio de paquetes .NET, consulte compatibilidad del marco de destino.
Verifique el nombre del paquete de preparación y las dependencias de un determinado software en macOS/Linux.
¿Cuánto aumentará el tamaño del paquete la instalación de este paquete npm? Compruébelo antes de instalar.
Compare las curvas de tamaño de descarga de varios paquetes similares. Al seleccionar, observe las tendencias en lugar de las estrellas.
CDN gratuito para archivos npm y GitHub; referencia cualquier archivo del paquete por URL.
Es muy conveniente acceder directamente a cualquier archivo del paquete npm con una URL y ver el código fuente.
El conjunto de tres piezas del front-end se puede escribir y leer de inmediato, y los trabajos comunitarios son buenos materiales para aprender efectos de animación CSS.
El proyecto front-end completo se ejecuta en línea y se puede importar al almacén de GitHub para reproducir errores.
Los WebContainers permiten que los proyectos de Node se ejecuten en el navegador y se inicien más rápido que CodeSandbox.
El violín frontal más antiguo, liviano y no requiere inicio de sesión.
IDE en la nube en decenas de idiomas, adecuado para la enseñanza y pequeños experimentos.
Ajuste el tipo, vea el producto compilado, cambie las opciones de compilación y comparta el enlace como código.
Compile y ejecute Rust en línea y podrá ver MIR y el ensamblaje.
Vaya a la zona de pruebas oficial, la forma estándar de publicar código copiado en Problemas.
Compare C/C++/Rust y otros códigos fuente con el ensamblaje línea por línea para ver qué hizo el compilador.
Ejecute SQL en el navegador y admita la importación de CSV. No es necesario instalar una base de datos para practicar SQL.
Cree tablas y agregue consultas en MySQL/PostgreSQL/SQLite, y comparta enlaces para reproducir problemas de SQL.
Caja de arena oficial del componente de archivo único de Vue, puede ver el resultado de la compilación.
Contiene un esbelto sandbox oficial, tutoriales y ejemplos.
Vea cómo la nueva sintaxis se compila en ES5.
Explicación periódica y depuración paso a paso, compatible con múltiples dialectos del motor.
JupyterLab (basado en WebAssembly) en el navegador, no se requiere instalación para probar el análisis de datos de Python.
Las acciones están en cola y la inserción falla. Por favor lea aquí primero. Puedes suscribirte a RSS.
Según el estado indicado por los centros de datos, es el primero en ponerse amarillo cuando la mitad de Internet se cae.
Cuando se agote el tiempo de instalación de npm, primero confirme que no se trata de una falla del centro de registro.
Estado del servicio de AWS en cada región, se pueden rastrear eventos históricos.
Compruébelo cuando la implementación esté bloqueada y la función perimetral informe un error.
Cuando API 429/5xx aumenta, confirme si se trata de un problema del lado de la plataforma.
Al basarse en los informes de los usuarios para determinar si los servicios principales están inactivos, la respuesta es más rápida que la página de estado oficial.
El estado de salud y los eventos históricos de los productos Alibaba Cloud en varias regiones.
Gadget en este sitio web: envíe solicitudes a un lote de direcciones y verifique los códigos de estado y el tiempo necesario para verificar si hay un problema con su propia red.
Formateo, compresión, verificación, eliminación de escape e informes de errores precisos para la fila y la columna.
Conversión de seis vías JSON/YAML/XML/CSV.
Resaltado de coincidencias, grupos de captura, vistas previas de reemplazo y comprobaciones rápidas de uso frecuente.
El encabezado/carga útil se decodifica localmente, el tiempo de vencimiento se muestra de manera fácil de usar y el token no sale del navegador.
Texto y archivos bidireccionales, compatibles con variantes seguras para URL.
MD5/Serie SHA/HMAC, la verificación de archivos también está disponible.
Conversión de fecha y marca de tiempo Unix, múltiples zonas horarias.
Traduzca al chino y obtenga una vista previa de los próximos 10 tiempos de ejecución.
Edición tabular de parámetros de codificación, decodificación y consulta.
Conversión HEX/RGB/HSL, niveles de color y comprobación de contraste.
Formato JS/CSS/HTML/SQL.
Entidades HTML, cadenas JSON, escape Unicode e interconversión.
CIDR cuenta los rangos de redes, transmisiones y hosts, dividiendo las subredes según sea necesario.
Verifique los permisos para obtener 755/644 y escritura de símbolos.
Convierta una ejecución de Docker en compose.yaml.
Una lista de depuradores JWT y varias bibliotecas de idiomas mantenidas por Auth0; Se recomienda utilizar la versión fuera de línea de este sitio para decodificar tokens confidenciales.
Intérprete de inglés de expresiones cron con ricos ejemplos.
Pegue un comando de shell complejo y explique cada parámetro consultando la página del manual.
La inspección estática del script de Shell puede detectar los errores clásicos de las comillas y la expansión variable.
Convierta fragmentos de código en hermosas imágenes para usar en las redes sociales.
La herramienta de captura de pantalla de código producida por Raycast tiene un estilo más moderno.
El diagrama de arquitectura de dibujo de pizarra estilo dibujado a mano, almacenamiento local, se puede exportar a SVG/PNG.
Utilice texto para escribir diagramas de flujo/diagramas de secuencia/diagramas de clases, y también se pueden representar en Markdown.
Tipo JSON a TS, SVG a JSX, CSS a Tailwind y otras docenas de conversiones.
Genere definiciones de tipos en múltiples idiomas a partir de muestras JSON.
Compresión de imágenes del lado del navegador de Google, comparación formato por formato; La compresión de imágenes en este sitio se puede realizar en lotes.
Verifique por lotes los códigos de estado y las cadenas de redireccionamiento de un conjunto de URL.
La comunidad de Feather continúa, con más de 1500 íconos lineales y paquetes completos de React/Vue (este sitio lo usa).
Producido por el equipo de Tailwind, hay dos conjuntos de sólido/lineal, con un estilo limpio.
Más de 5000 íconos, uno de los conjuntos de íconos lineales gratuitos más extensos.
Busque una palabra entre docenas de conjuntos de íconos con el buscador de íconos basado en Iconify.
Más de 3000 SVG de logotipos y colores de marcas, esenciales para crear íconos de "método de inicio de sesión".
La fuente de íconos más antigua, versión gratuita 2000+, Pro paga.
Biblioteca de fuentes de código abierto gratuita; para mayor estabilidad, autoalójala con Fontsource.
Haga de Google Fonts un paquete npm autohospedado sin depender de una CDN de terceros.
Una imagen respetuosa con la privacidad de Google Fonts, compatible con API, simplemente cambie el nombre de dominio.
Utilice la barra espaciadora para generar colores aleatoriamente, bloquee el color que desee y luego pinte.
Aplique la combinación de colores directamente a una página de muestra para ver el efecto y evitar que se vea mal en el papel.
Introduzca un valor de color para generar una escala de colores de 50 a 950 estilo Tailwind.
Un sistema de escala de colores de 12 niveles diseñado para la accesibilidad, con modos claro y oscuro en pares.
Si el contraste entre primer plano y fondo alcanza WCAG AA/AAA.
Generador de insignias en README, versión, descargas, estado de CI.
Este sitio: genere un conjunto completo de íconos de favicon y manifiesto a partir de una imagen.
El cliente API con más funciones, ideal para la colaboración en equipo, pero cada vez más pesado y requiere iniciar sesión.
Código abierto, un reemplazo de Postman que se puede usar directamente en el navegador, es rápido y no es necesario iniciar sesión.
La colección, un cliente API de código abierto sin conexión, se guarda como un archivo de texto y se puede ingresar en Git.
Producido por Kong, tiene buen soporte para GraphQL y gRPC.
Solicitar servicio de eco: pruebe cómo se ven el encabezado y el cuerpo enviados por su cliente.
API REST falsa (publicaciones, usuarios, comentarios), utilizada como backend al escribir una demostración de front-end.
Proporcionarle una URL temporal para recibir cualquier solicitud y mostrarla en tiempo real, depurando el artefacto de devolución de llamada.
Exponga el puerto local como una dirección HTTPS pública, necesaria para la depuración local de WeChat/devoluciones de llamadas de pago.
Penetración gratuita en la intranet, con su propio nombre de dominio, menos restricciones que la versión gratuita de ngrok.
Simule el servidor en el escritorio y cree una interfaz falsa para la depuración conjunta de front-end en unos minutos.
Intercepta solicitudes y haz simulacros en el navegador/Node. Las pruebas y el desarrollo comparten el mismo controlador.
Escriba documentación de OpenAPI y obtenga una vista previa y genere código de cliente en tiempo real.
Envíe solicitudes HTTP en línea y genere códigos en varios idiomas sin instalar un cliente.
Plataforma integral de API (diseño, depuración, mock, documentación); la cuota gratuita del plan de equipo es suficiente.
El centro del mundo del código abierto; la mayoría de proyectos, issues y Actions están aquí.
Viene con un conjunto completo de CI/CD y DevOps, y puede ser autohospedado.
Un servicio Git autohospedado que se puede ejecutar con un solo archivo binario y es lo suficientemente liviano como para caber en una Raspberry Pi.
Ingrese el idioma/marco/nombre del editor y genere el .gitignore combinado.
¿Cómo elegir una licencia de código abierto? Una tabla de una página explica las diferencias entre MIT/Apache/GPL.
hazaña: /fix: /chore: La descripción oficial de las especificaciones del mensaje de confirmación.
La especificación del número de versión semántica de la versión china prevalecerá el comportamiento de ^ y ~.
Convención sobre cómo escribir CHANGELOG.
Abra PR, lea Problemas y ejecute Acciones en la terminal sin tener que cambiar al navegador.
Páginas de manual y versión china Pro Git, la explicación definitiva de cualquier comando.
Busque directamente información de error. La mayoría de las preguntas fueron respondidas hace diez años.
Una plataforma de blogs para desarrolladores en inglés con un ambiente agradable.
En los titulares diarios del círculo técnico, la sección de comentarios suele ser más informativa que el texto principal.
Cursos y certificaciones de programación completamente gratuitos, completos en chino.
Ejercicios gratuitos en más de 70 idiomas con comentarios de tutores humanos.
Resuelva "kata" para aumentar su rango y obtener información observando las mejores soluciones de otras personas.
Proporcionarle el borrador del diseño para implementar y practicar una interfaz de usuario estilo proyecto real.
Cientos de fragmentos cortos de código JS/CSS/Python, cópielos y utilícelos.
Los patrones de diseño están ilustrados con ricas ilustraciones y ejemplos en varios idiomas, y hay una versión en chino disponible.
Una colección de patrones de diseño/renderizado/rendimiento para aplicaciones web modernas.
La comunidad de temas de programadores también tiene muchas discusiones sobre el lugar de trabajo y el hardware fuera de la tecnología.
Sitio de tutoriales introductorios de chino, la revisión rápida de gramática es suficiente, pero es necesario leer la documentación oficial en profundidad.
Tutoriales semanales de tecnología y ES6/Bash, una plantilla para escritura técnica china.
Ejecute Lighthouse y proporcione datos de Core Web Vitals de usuarios reales.
Seleccione la región, el dispositivo y las condiciones de la red para cargar el gráfico en cascada, que está más cerca de la realidad que Lighthouse.
Califique la configuración TLS de su sitio para identificar conjuntos de cifrado débiles y problemas en la cadena de certificados.
Verifique los encabezados de respuesta de seguridad como CSP, HSTS, X-Frame-Options, etc.
Puntuación de seguridad del sitio de Mozilla, con recomendaciones de corrección.
Pegue la política de CSP para indicar qué directivas son inútiles.
Empaque una sección de importación en línea y verifique el tamaño comprimido, que es más flexible que Bundlephobia.
Cómo leer el panel de rendimiento y la instantánea de la memoria, el tutorial oficial es el más sistemático.
Qué CSS se puede utilizar en correos electrónicos HTML, soportado por cada cliente.
La resolución DNS resulta de muchos lugares alrededor del mundo. Cambie los registros para ver dónde se distribuyen.
Los diez principales riesgos de la seguridad web, el punto de partida para un autoexamen de seguridad.
Este sitio: navegador nativo, pantalla, WebGL y más de 30 pruebas de capacidad, informe de copia con un solo clic para pruebas.