Adobe Experience Manager:JavaScript オーバーレイの正常な読み込みの確認

オーバーレイされたJavaScriptが期待どおりに機能しない場合は、正しく読み込まれているかどうかを確認することをお勧めします。 この問題を解決するには、「解決」の節の手順に従ってください。

説明 description

環境
Adobe Experience Manager as a Cloud Service(AEMaaCS)
Adobe Experience Manager 6.5 (AEM 6.5)

問題
オーバーレイされたJavaScriptが期待どおりに機能しない場合は、正しく読み込まれているかどうかを確認することをお勧めします。
この記事では、このような状況に役立つ簡単な方法を紹介します。

解決策 resolution

  1. オーバーレイ JavaScript コードに console.log("Overlay!") を追加します。

  2. Chromeで Developer Tools を開きます。

  3. Chromeのリロードボタンを長押しし、「空のキャッシュとハードリロード」を選択します。

  4. 「コンソール」タブで、「オーバーレイ」するかどうかを確認します。 が表示されます。

  5. 「ソース」タブで、「オーバーレイ」を含むファイルを検索します。 「top」を選択してから、次のショートカットを使用します。

    1. Mac: Command + Option + F キーを押します。
    2. Windows : 「オーバーレイ」を含むファイルが見つかった場合は、Control + Shift + F を押します。
  6. 「オーバーレイ」が表示されない場合は、 手順 4 または手順 5 で、次の記事を参照してAEM キャッシュをクリアします。

    Adobe Experience Manager:カスタムコンポーネントの HTL/JSP/JS/CSS のキャッシュをクリアする方法 ​

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f