swagger ui 一次性地展开全部接口

原创 已于 2022-08-29 17:13:22 修改 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #swagger-ui

于 2022-07-13 17:11:28 首次发布
该博客分享了一个JavaScript程序，用于在Swagger页面上默认展开所有接口分类，方便全局搜索。通过执行这段代码，可以避免手动展开操作，提高工作效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

默认进入swager页面，所有接口分类是处于折叠的，需要全局搜索时，可以使用以下js 程序。

var arr=document.getElementsByClassName("expand-operation");for ( var x = 0; x <= arr.length; x++) {arr[x].click()};

执行后稍等即可，所有的折叠都会展开

解决Swagger2中tags中文无法点击展开的问题
喜欢前端的后端 MelodyJerry
02-08 3415
问题 SpringBoot集成了Swagger2，在实际开发过程中，使用了Swagger2注解@Api(tags = "{ }")。 其中，tags 内容为中文，如上图所示。 @Api(value = "/category", tags = {"品类管理"}) 但是在测试接口时，只能点开某一类菜单，展示不了具体接口的测试页面。 解决 通过官方的issue得知： Swagger2.6.1的tags，是不支持中文的 Swagger2.9.2的tags，支持中文 修改项目的Mavne配置，升级Swagge.
Swagger后端接口展示
qq_41263241的博客
09-10 432
package com.atguigu.servicebase.config; import com.google.common.base.Predicates; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import springfox.documentation.builders.ApiInfoBuilder; imp.
Swagger UI 展开全部接口
gdjychbsh的博客
01-17 140
F12，打开开发人员工具，在控制台粘贴上面代码，回车即可！
Swagger UI：API文档自动生成 - REST接口可视化神器
yezi1238的博客
07-03 1835
Schema(description = "用户实体") // Swagger注解@Schema(description = "用户ID", example = "1")@Schema(description = "用户名", example = "张三")@NotBlank@Schema(description = "邮箱", example = "[email protected]")@Email// 构造方法、getter和setter省略...
swagger 再也不用一个一个点开接口了，执行这个一键展开
慕容的博客
05-08 391
【代码】swagger 再也不用一个一个点开接口了，执行这个一键展开。
一行脚本展开或收起swagger-ui所有项目
momDIY的博客
01-15 1540
初心 发现swagger-ui没有搜索功能，进入一个接口很多的swagger页面找接口很不方便，于是写了下面的一段脚本，可以收起或展开所有折叠面板。展开后可以ctrl+f搜索… 直接复制以下代码在控制台执行即可。 Array.from(document.querySelectorAll('.opblock-tag')).map(v=>v.click()) <!-- chrome专用 --> Array.from($$('.opblock-tag')).map(v=>v.click(
Swagger-ui 设置接口文档页面默认展开/关闭的方法
m0_50488756的博客
09-24 3474
关键配置参数：docExpansion， 可选值有 none / list / full 分别表示关闭、展开列表、展开列表及详情 配置方法： 第一种: 在文档浏览的时候，浏览器路径中增加参数 docExpansion=none即可关闭默认展开 第二种：vendor/swagger-api/swagger-ui/dist/swagger-ui-bundle.js 中找到 docExpansion:"list" 把list改成none即可全局默认不展开接口列表。 此方法对Laravel的L5-swagge
swagger接口文档改良添加左侧菜单.rar
07-28
4. **动态加载**：为了提高用户体验，可以实现动态加载接口详情，即当用户点击菜单时，仅加载当前分组的接口描述，而不是一次性加载所有接口，这将减少页面加载时间。 5. **交互优化**：考虑增加搜索功能，方便...
告别 SwaggerUI：SpringBoot API 文档新选择的技术实践与对比分析
最新发布
srlsong的博客
08-14 907
【摘要】本文深入对比SpringBoot生态中两大API文档工具：SwaggerUI与Knife4j。针对SwaggerUI存在的交互体验差、定制化难、性能瓶颈等问题，详细解析Knife4j的技术优势：采用Vue+ElementUI架构实现动态交互，支持模糊搜索、JSON折叠等功能；通过扩展注解体系增强文档描述能力；提供环境管理、Mock测试等高级特性。文章包含完整的集成方案、配置示例及安全优化策略，并给出迁移实施方案。建议中大型项目优先选用Knife4j以提升协作效率，小型项目可保留SwaggerUI基础
接口测试的全部流程
03-24
最后，要确保整个流程的连贯性，从需求到上线后的监控，形成一个闭环，让用户了解接口测试不是一次性的，而是持续的过程。可能还需要提到持续改进，根据测试结果优化测试用例和流程。 总结来说，回答需要分步骤详细...
Java源码工具：Swagger的应用与实践
Java是一种广泛使用的面向对象的高级编程语言，它具有跨平台的特性，即“一次编写，到处运行”(WORA, Write Once, Run Anywhere)。Java被设计成具有尽可能少的实现依赖性，Java虚拟机（JVM）是这种跨平台能力的关键...
swagger-schema
03-29
招摇式
持续集成下接口自动化测试实践
API
10-17 438
针对接口自动化测试，目前在业内有两大类解决方案： 一类是通过代码编写接口测试框架，实现接口自动化测试，其要求测试人员掌握扎实的编程基础； 另一类是借助接口测试工具，配合 Postman、Eolink等集成工具实现接口自动化测试持续集成。 前者灵活，但是具有一定的学习门槛，而后者的学习成本更低，适合新人上手。接口测试工具有很多，其中 Eolink 安装简单、使用方便、功能强大，还支持团队协同、接口监控、Mock 等功能，我们可以借助 Eolink 工具，更好的组织内开展接口测试持续集成。
Spring Boot集成 Swagger2 展现在线接口文档
19.2.04.157N的博客
02-02 422
Spring Boot集成 Swagger2 展现在线接口文档
Swagger 打开时自动折叠
吹口哨的兔子
06-10 2156
引用： using Swashbuckle.AspNetCore.SwaggerUI; using Swashbuckle.AspNetCore; 修改：Startup.cs 文件 public void Configure(IApplicationBuilder app, IWebHostEnvironment env) { if (env.IsDevelopment()) { app.UseDeveloperExceptionPage(); }
SpringBoot集成swagger接口无法展开
iechenyb专栏
06-03 804
SpringBoot集成swagger（V2.6.1）之后正常使用，后面优化增加@Api注解，tags用的中文描述，之后发现无法展开只能用右边的集体展开后收起按钮操作。 一顿度娘，查API文档之后得出结论都是tags 属性上面, 如果tags 中的值设置为中文, 下面的方法名点击将不能被展开。有点尴尬，尝试升版本，用2.9.2之后还是不行。 解决方案：swagger升级2.9.2，清一下浏览器缓存，搞定。 ...
项目的swagger2对外开放API文档的开发和使用
月影WEB的博客
04-16 940
Swagger 是比较流行的 API 开发工具，是一种通用的，和编程语言无关的 API 描述规范； JAVA项目里面加上Swagger之后，就不用再另外去花时间编写后端API接口文档了； pom.xml文件中加上以下依赖包，加入的代码如下： <!--Swagger--> <dependency> <groupId>io.springfox</groupId> <artifa...
swagger2默认不展开/展开
fsdf8sad7的博客
04-23 4860
当接口太多的时候,接口全部展开的时候访问会非常卡,点击一个接口也要卡很久。 后来在地址栏上加一个参数就不会展开了。 http://XXXXX/swagger2/index.html?docExpansion 或者在swagger2的index.html资源文件配置一下docExpansion,就可以了。 const ui = SwaggerUIBundle({ url: window.lo...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值