chrome-devtools
Automatiza Chrome y Depura Páginas Web
La automatización del navegador es lenta y propensa a errores con comandos manuales. Esta skill proporciona patrones optimizados para automatizar Chrome, depurar páginas, capturar capturas de pantalla e inspeccionar solicitudes de red a través del servidor chrome-devtools-mcp.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「chrome-devtools」。 Take a screenshot of https://example.com
預期結果:
- Captura de pantalla capturada exitosamente (página completa, formato PNG)
- Sesión del navegador limpiada automáticamente
- Comando completado en aproximadamente 8 segundos
正在使用「chrome-devtools」。 Check console errors on localhost:3000
預期結果:
- Mensajes de consola encontrados: 3 errores
- Error 1: Uncaught ReferenceError at line 42
- Error 2: TypeError: undefined is not an object
正在使用「chrome-devtools」。 Show network requests on example.com
預期結果:
- Solicitudes de red capturadas: 12 en total
- GET / (200 OK) - 15ms
- GET /styles.css (200 OK) - 45ms
- GET /api/data (304 Not Modified) - 23ms
安全審計
低風險Documentation-only skill providing patterns for chrome-devtools-mcp server. Contains only markdown files with shell command examples for legitimate browser automation. No executable code, no credential access, no network exfiltration. Static findings are false positives from pattern detection in documentation text.
風險因素
⚙️ 外部命令 (1)
品質評分
你能建構什麼
Depurar Desarrollo Local
Verificar errores de consola y solicitudes de red en servidores de desarrollo localhost rápidamente.
Automatizar Pruebas de Navegador
Tomar capturas de pantalla y capturar contenido de páginas para verificar cambios y comportamiento de la interfaz.
Extraer Datos de Páginas Web
Navegar a páginas, ejecutar scripts y capturar instantáneas de contenido para flujos de trabajo de extracción de datos.
試試這些提示
Check console errors on http://localhost:3000 using chrome-devtools skill
Take a full-page screenshot of https://example.com using chrome-devtools
Show all network requests on https://httpbin.org using chrome-devtools
Run JavaScript on https://example.com to count all div elements
最佳實務
- Usar modo shell con múltiples comandos en un pipeline para una ejecución más rápida
- Siempre usar la bandera --isolated para prevenir conflictos de bloqueo del perfil del navegador
- Incluir envoltura de timeout para prevenir comandos que se cuelguen
避免
- Ejecutar sesiones shell separadas para cada comando causa problemas de bloqueo del navegador
- Omitir el paso de limpieza conduce a errores de navegador ya en ejecución
- Usar npx en lugar de bunx puede causar problemas de compatibilidad