跳到主要内容
GraphQL DevTools

GraphQL DevTools EN

Francesco De Stefano · Firefox

Ispeziona, rilancia e simula le richieste GraphQL di qualsiasi sito. Playground con suggerimenti dallo schema, esploratore dello schema, statistiche, tema scuro. Funziona su computer e su Android.

3.8/5 12 人评分 887用户 v2.0.0当前版本

截图

  • GraphQL DevTools 截图
  • GraphQL DevTools 截图
  • GraphQL DevTools 截图
  • GraphQL DevTools 截图
  • GraphQL DevTools 截图
  • GraphQL DevTools 截图

简介

GraphQL DevTools 2.0 — riscritta da zero.

Ogni richiesta GraphQL della pagina, leggibile al primo sguardo: nome dell'operazione, tipo, durata, esito.

Cosa fa
• Elenco richieste con nome operazione, query/mutation/subscription, tempi ed errori evidenziati. Ricerca e filtri.
• Query, variabili e intestazioni formattate, con la risposta navigabile ad albero.
• Errori GraphQL mostrati in chiaro, anche quando il server risponde 200.
• Gestisce richieste in batch, persisted query (APQ) e subscription.
• Playground: rilancia o modifica una richiesta, con suggerimenti presi dallo schema.
• Esploratore dello schema con tipi, campi, argomenti e campi deprecati.
• Statistiche: operazioni più lente, più frequenti, con più errori.
• Risposte simulate (mock): sostituisci la risposta di un'operazione per provare il frontend senza toccare il server.
• Query salvate, copia come cURL ed esportazione HAR.
• Tema chiaro e scuro, italiano e inglese.

Anche su Android
Su Firefox per Android gli Strumenti di sviluppo non ci sono: GraphQL DevTools si apre dall'icona dell'estensione con un'interfaccia pensata per il telefono.

Privacy
Nessun dato lascia il browser: niente statistiche d'uso, niente server esterni.

GraphQL DevTools 是做什么的

GraphQL DevTools 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:Ispeziona, rilancia e simula le richieste GraphQL di qualsiasi sito. Playground con suggerimenti dallo schema, esploratore dello schema, statistiche, tema scuro. Funziona su computer e su Android.在Firefox 附加组件商店(AMO)上,它当前版本 2.0.0,评分 3.75(12 人评价),约 887 名用户。

适合什么人用

从功能定位看,GraphQL DevTools 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。

怎么安装 GraphQL DevTools

  1. 打开Firefox 附加组件商店(AMO)上的官方页面;
  2. 点「添加到浏览器」并确认权限提示;
  3. 装好后在扩展列表里固定图标,方便随时开关。

本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。

常见问题

GraphQL DevTools 是免费的吗?

GraphQL DevTools 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。

GraphQL DevTools 安全吗?

它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。

GraphQL DevTools 支持哪些浏览器?

当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。

怎么卸载 GraphQL DevTools?

在扩展管理页找到 GraphQL DevTools,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

接口权限 6

  • devtools
  • scripting
  • storage
  • webRequest
  • webRequestBlocking
  • webRequestFilterResponse