Adobe Experience Manager: Verifying Successful Loading of JavaScript Overlays
When your overlaid JavaScript isn’t functioning as expected, you may want to verify if it’s being loaded correctly. To resolve this issue, follow the steps in the Resolution section.
Description description
Environments
Adobe Experience Manager as a Cloud Service (AEMaaCS)
Adobe Experience Manager 6.5 (AEM 6.5)
Issue
When your overlaid JavaScript isn’t functioning as expected, you may want to verify if it’s being loaded correctly.
This article introduces simple methods to help you in such situations.
Resolution resolution
-
Add
console.log("Overlay!")
to your overlay JavaScript code. -
Open the Developer Tools in Chrome.
-
Long-press the Chrome’s reload button and select “Empty Cache and Hard Reload”.
-
In the Console tab, check to see if “Overlay!” is displayed.
-
In the Sources tab, search for a file containing “Overlay!” by selecting “top” and then using the following shortcut:
- Mac: Press Command + Option + F
- Windows: Press Control + Shift + F If you find the file containing “Overlay!”
-
If you can’t see “Overlay!” in Step 4 or Step 5, clear the AEM cache by referring to the following article:
Adobe Experience Manager: How to clear the cache of HTL/JSP/JS/CSS for custom components