不要在 Swagger UI 中渲染 Try It Out 按钮并启用 Execute 按钮答案

【问题标题】：Do not render Try It Out button and enable Execute button in Swagger UI不要在 Swagger UI 中渲染 Try It Out 按钮并启用 Execute 按钮
【发布时间】：2021-10-21 13:44:04
【问题描述】：

自从首次添加它以来，我一直对“试用”按钮所需的额外点击感到沮丧。它减慢了测试速度，似乎没有任何作用。（如果我错了，请随时赐教。）我想要一个选项，即不渲染它，并在展开端点时自动启用“执行”按钮。

明确地说，我不想禁用它，我希望它消失，就像“过去”一样。

作为权宜之计，我实现了一些 JavaScript 来监视屏幕，当端点展开时，它会“单击”试用按钮，然后将其隐藏。这可行但并不理想，因为按钮短暂出现然后被删除。（即一个丑陋的黑客，它不断在后台“运行”）

【问题讨论】：

标签： swagger-ui

【解决方案1】：

使用 tryItOutEnabled: true 选项配置您的 Swagger UI（它是在 v. 3.41.0 中添加的）。

// index.html

const ui = SwaggerUIBundle({
  dom_id: "#swagger-ui",
  url: "https://petstore.swagger.io/v2/swagger.json",

  tryItOutEnabled: true,  // <-------
  ...
})

演示：https://petstore.swagger.io/?tryItOutEnabled=true

【讨论】：