Jenkins の HTML Publisher プラグイン: CSS 表示がない場合のトラブルシューティング
Jenkins 内で HTML Publisher プラグインを利用すると、CSS が表示されない問題が発生する可能性があります。レポートの拡張を目的とした書式設定は、Jenkins サーバーで表示するときに表示されません。ただし、レポートがローカルにダウンロードされると、CSS 形式は意図したとおりに表示されます。
原因の理解:
Jenkins に CSS がないのは、サーバーのコンテンツ セキュリティ ポリシー (CSP)。許可されるスクリプト ソース、プラグイン、インラインまたはクロスオリジン CSS、画像、フレーム、Web に厳しい制限を設定します。フォント。デフォルトの CSP 構成では、セキュリティを強化するためにこれらの要素が許可されていません。
問題の解決:
この問題を軽減し、HTML レポートの CSS を有効にするには:
- 「Jenkins の管理」に移動し、「管理」を選択しますノード。
- 「設定」(歯車) アイコンをクリックします。
-
左側のスクリプト コンソールで、次のコマンドを入力します:
System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")
- [実行] をクリックします。
- コマンドが正常に実行されると、出力が表示されます。 「結果」ヘッダーの下の「結果:」。
修正の確認:
コマンドの実行後、ビルドを再実行します。正常に完了すると、アーカイブされた HTML ファイルは、Jenkins サーバーで表示されるときに、意図した CSS 形式で表示されるはずです。
追加の考慮事項:
CSP ルールを緩和すると、 Jenkins によって提供される強化されたセキュリティが損なわれる可能性があります。この変更に関連する潜在的なリスクを考慮し、それに応じて設定を調整することをお勧めします。
以上が私の CSS が Jenkins HTML Publisher レポートに表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

独自のコードをリファクタリングするのはどのように見えますか?ジョン・レアは、彼が書いた古いCSSアニメーションを選び、それを最適化するという思考プロセスを歩きます。

cssanimationsArenotintinlentyhardbutrepracticeanderstanding ofcsspropertiesandtimingfunctions.1)

@keyframesispopularduetoitsversitility andpowerincreatingsmoothcssanimations.keytricksinclude:1)defingsmoothtransitionsbetweenstates、2)AnimatingMultipleProperiessimally、3)3)bendorprefixesforbrows -compativity、4)組み合わせwithjavasfo

csScounterSareSareusedTomageautomaticinginginwebdesigns.1)それらは、コンテンツ、リスト、および積極的なものを使用することができます

特にモバイルデバイスでは、スクロールシャドウを使用することは、Chrisが以前にカバーした微妙なUXです。 Geoffは、アニメーションタイムラインプロパティを使用する新しいアプローチをカバーしました。これがさらに別の方法です。

簡単に復習してみましょう。画像マップはHTML 3.2に戻ります。ここで、最初にサーバー側マップを使用してから、マップとエリア要素を使用して画像上でクリック可能な領域を定義したクライアント側マップをマップしました。

State of Devsの調査は現在、参加に対して開かれており、以前の調査とは異なり、コードを除くすべてをカバーしています:キャリア、職場だけでなく、健康、趣味などもあります。

CSSグリッドは、複雑で応答性の高いWebレイアウトを作成するための強力なツールです。設計を簡素化し、アクセシビリティを向上させ、古い方法よりも多くの制御を提供します。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。
