図inspect_image_url.pngの説明
このイメージは、Chrome DevToolsの3つのパネルを示しています。左側の最初の2つのパネルである要素およびスタイルは、ページ・ソースを検査するための開発者ツールです。3番目のパネルには、イメージの問題がある実行中のOracle JET Webアプリケーションが表示されます。
DevTools要素パネルで、「アクティビティ」リストの製品イメージのフォーマット方法を定義するHTMLスパン要素が、ページ・ソースで強調表示されます。「スタイル」パネルで、CSSスタイルbackground-imageが強調表示され、コンテキスト・メニューが表示されます。メニューで、「ソースで表示」パネルオプションが強調表示されています。
Webアプリケーション・パネルには、アクティビティ名がリストに表示され、それぞれに短い説明と、アクティビティ・イメージが表示される左側に空白が表示されます。イメージは一部のみ表示されます。