swagger - Swagger (Swashbuckle) ヘッダーを隠す

Question

Swashbuckle を使用して、Swagger ドキュメントを ASP.NET Web API プロジェクトに追加します。CSSを挿入せずにドキュメントページからデフォルトのヘッダー(swaggerロゴ付き)を非表示にするにはどうすればよいですか?

score 16 · Accepted Answer

上記のように JS を挿入すると、ページの読み込み時にヘッダーが点滅していました。一瞬表示された後、スクリプトによって無効にされました。私にとってより効果的なアプローチがあります。https://github.com/domaindrivendev/Swashbuckle/issues/476

JS の代わりに CSS を挿入できます。

#header {
display:none;
}

score 10 · Accepted Answer

残念ながら、今のところ javascript でそれを行うことができると思います。

SwaggerConfig.csでは、次のように .js ファイルを挿入できます。

.EnableSwaggerUi(c =>
{                        
    c.InjectJavaScript(thisAssembly, "yournamespace.yourscript.js");
});

したがって、このスクリプトでは、ヘッダーを非表示にするなど、好きなことを行うことができます。

document.querySelector("#header").style.display = "none";

この投稿では、2 つのテキストボックスを配置してヘッダーをカスタマイズする方法を示します。

編集：

@dimaKudrの回答で提案されているアプローチの方が優れています。メニューを非表示にするには、CSS スタイルを挿入するだけで十分です (JS は必要ありません)。

score 0 · Accepted Answer

CSSやJSの裏技で隠しても、実際にやってみるとなかなか隠せません。

CSS の代替は次のとおりです。

.server {display: none;}