[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10282":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":15,"starSnapshotCount":15,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},10282,"openapi-devtools","AndrewWalsh\u002Fopenapi-devtools","AndrewWalsh","Browser extension that generates API specs for any app or website","https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fopenapi-devtools\u002Fjelghndoknklgabjgaeppjhommkkmdii",null,"TypeScript",4294,90,22,0,4,27.88,"MIT License",false,"main",true,[23,24,25,26,27,28,29,30],"api","chrome-extension","devtools","generator","openapi","openapi3","openapi31","specification","2026-06-12 02:02:19","\u003Ca name=\"readme-top\">\u003C\u002Fa>\n\n[![MIT License][license-shield]][license-url]\n[![Download in the Chrome Web Store][chrome-shield]][chrome-url]\n[![Download in the Firefox Add-on Store][firefox-shield]][firefox-url]\n\n\n> [!IMPORTANT]  \n> A new and final version of this project is available below. It has been rewritten from scratch and significantly expands the feature set of OpenAPI DevTools.\n> \n> New features:\n>   - Identifies path parameters automatically\n>   - Is available as a desktop app that uses a proxy (e.g. see mitm2swagger)\n>   - Has a website and command line tool that can generate OpenAPI specifications from HAR files (e.g. har-to-openapi)\n>   - Uses a published library that can generate API specifications for any API in middleware, DevOps integrations, or any environment\n>   - Can generate curl commands, client code, and send API requests via an API client that populates automatically\n>   - Is agnostic to API semantics and may translate into different versions of OpenAPI, or reverse engineer other HTTP-based standards such as GraphQL\n>   - Includes all original features, including the ability to import and export\n\n---> [Check out the new version of OpenAPI DevTools here](https:\u002F\u002Fgithub.com\u002FAndrewWalsh\u002Fdemystify)\n\n\u003C!-- PROJECT LOGO -->\n\u003Cbr \u002F>\n\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FAndrewWalsh\u002Fopenapi-devtools\">\n    \u003Cimg src=\"resources\u002Flogo.svg\" alt=\"Open API dev tools\" width=\"300\" height=\"250\">\n  \u003C\u002Fa>\n\n\n  \u003Cp align=\"center\" style=\"max-width: 600px;\">\n    Effortlessly discover API behaviour with a browser extension that automatically generates OpenAPI specifications in real time for any app or website.\n    \u003Cbr \u002F>\n    \u003Cbr \u002F>\n    \u003Ca href=\"https:\u002F\u002Fawalsh.io\u002Fposts\u002Fopenapi-devtools\u002F\">Read More\u003C\u002Fa>\n    ·\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FAndrewWalsh\u002Fopenapi-devtools\u002Fissues\">Report Bug\u003C\u002Fa>\n    ·\n    \u003Ca href=\"https:\u002F\u002Fforms.gle\u002FfA2EtvamUrsRxXKYA\">Give Feedback\u003C\u002Fa>\n  \u003C\u002Fp>\n  \u003C\u002Fp>\n\u003C\u002Fdiv>\n\n## About The Project\n\n\u003Cp align=\"center\" width=\"100%\">\n    \u003Cimg width=\"80%\" src=\"resources\u002Fdemo.gif\">\n\u003C\u002Fp>\n\nOpenAPI DevTools is a browser extension that generates OpenAPI specifications in real time from network requests. Once installed it adds a new tab to DevTools called `OpenAPI`. While the tool is open it automatically converts network requests into a specification.\n\n*Features*:\n- Instantly generate an OpenAPI 3.1 specification for any website or application just by using it\n- Automatically merges new request & response headers, bodies, and query parameters per endpoint\n- Click on a [path parameter](https:\u002F\u002Fwww.abstractapi.com\u002Fapi-glossary\u002Fpath-parameters) and the app will automatically merge existing and future matching requests\n- View the specification inside the tool using [Redoc](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fredoc) and download with a click\n- Export and save a session at any time, or share it with others\n\n\u003Cp align=\"right\">(\u003Ca href=\"#readme-top\">back to top\u003C\u002Fa>)\u003C\u002Fp>\n\n## Installation\n\n\u003Cp align=\"center\" width=\"100%\">\n    \u003Cimg width=\"80%\" src=\"resources\u002Fdemo-img.png\">\n\u003C\u002Fp>\n\n[Download the extension in the Chrome Web Store][chrome-url].\n\n[Download the extension in the Firefox Add-on Store][firefox-url].\n\nOtherwise, to install manually:\n  - [Download and extract the dist.zip file in the latest release](https:\u002F\u002Fgithub.com\u002FAndrewWalsh\u002Fopenapi-devtools\u002Freleases\u002Flatest\u002Fdownload\u002Fdist.zip)\n  - In Chrome, navigate to `chrome:\u002F\u002Fextensions`\n  - In the top right enable the `Developer mode` toggle\n  - In the top left click `Load unpacked` and select the extracted `dist` directory\n  - Open a new tab and then select `OpenAPI` in the developer tools (open with `cmd+i` or `ctrl+i`)\n  - Firefox is more challenging. Please use the add-on store.\n\n\u003Cp align=\"right\">(\u003Ca href=\"#readme-top\">back to top\u003C\u002Fa>)\u003C\u002Fp>\n\n## Usage\n\nThe specification will automatically populate based on JSON requests that fire as you browse the web. In the settings menu you can filter hosts and parameterise paths in URLs. Once you do so all matching existing and future requests to that endpoint will be merged. This process is irreversible, but you can clear the specification and restart at any time.\n\nWhen the same endpoint responds with different data, such as a value that is sometimes a string and sometimes null, the specification for that value will be *either* string or null. All information is accounted for in the final specification. If you see something missing from a request, trigger a request that contains the missing information.\n\nThe settings menu contains several options. Here you can enable real examples in the specification. You can also export the current state of the app as a string, share or store it, and import it later.\n\n\u003Cp align=\"right\">(\u003Ca href=\"#readme-top\">back to top\u003C\u002Fa>)\u003C\u002Fp>\n\n## What is OpenAPI?\n\nAn [OpenAPI](https:\u002F\u002Fwww.openapis.org\u002F) specification is a description of what an API expects to receive and what it will respond with. It is governed by the OpenAPI Initiative and the Linux Foundation. OpenAPI specifications are the modern standard for RESTful APIs, and systems that have them are far easier to work with.\n\n\u003Cp align=\"right\">(\u003Ca href=\"#readme-top\">back to top\u003C\u002Fa>)\u003C\u002Fp>\n\n## Contributing\n\nTo develop the project:\n- `npm install`\n- `npm run dev`\n\n\u003Cp align=\"right\">(\u003Ca href=\"#readme-top\">back to top\u003C\u002Fa>)\u003C\u002Fp>\n\n\u003C!-- MARKDOWN LINKS & IMAGES -->\n\u003C!-- https:\u002F\u002Fwww.markdownguide.org\u002Fbasic-syntax\u002F#reference-style-links -->\n[license-url]: https:\u002F\u002Fgithub.com\u002FAndrewWalsh\u002Fopenapi-devtools\u002Fblob\u002Fmain\u002FLICENSE.txt\n[license-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002FAndrewWalsh\u002Fopenapi-devtools.svg?style=for-the-badge\n[chrome-url]: https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fopenapi-devtools\u002Fjelghndoknklgabjgaeppjhommkkmdii\n[chrome-shield]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGoogle%20Chrome-4285F4?style=for-the-badge&logo=GoogleChrome&logoColor=white\n[firefox-url]: https:\u002F\u002Faddons.mozilla.org\u002Fen-US\u002Ffirefox\u002Faddon\u002Fopenapi-devtools\u002F\n[firefox-shield]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FFirefox-FF7139?style=for-the-badge&logo=Firefox-Browser&logoColor=white","OpenAPI DevTools 是一款浏览器扩展程序，能够实时生成任何网站或应用程序的 OpenAPI 规范。其核心功能包括自动识别路径参数、合并请求和响应头、正文及查询参数，并支持导出和分享生成的规范。该工具基于 TypeScript 开发，提供了直观易用的界面，通过集成 Redoc 来展示生成的 API 文档。此外，它还支持从 HAR 文件生成 OpenAPI 规范，以及生成 curl 命令和客户端代码等高级特性。适用于需要快速了解或文档化 Web 应用 API 的开发者和测试人员。",2,"2026-06-11 03:27:35","top_topic"]