Match file and folder capitalization exactly so your presentation works correctly in Mobile Locker's case-sensitive environment.
Match the capitalization of every file and folder name exactly when you reference assets in your presentation.
Mobile Locker runs in a case-sensitive environment. That means images/logo.png and Images/logo.png are treated as two different paths.
This often surprises Windows developers because Windows commonly lets you open files even when the capitalization in the path does not match exactly. A presentation can appear to work during local development, then fail after you upload it to Mobile Locker.
Examples
These references fail if the capitalization does not match the actual file or folder name:
- File is named
logo.png, but your HTML usesLogo.png - Folder is named
images, but your HTML usesImages/photo.jpg - Folder is named
scripts, but your HTML usesScripts/app.js - File is named
presentation.png, but your code usespresentation.PNG
What to check
- Compare every path in your HTML, CSS, and JavaScript to the real file and folder names.
- Check uppercase and lowercase letters in both filenames and directory names.
- Verify imported files such as images, stylesheets, scripts, fonts, and data files.
Troubleshooting
If a file loads on your Windows machine but not in Mobile Locker, check the capitalization first. Case mismatches are a common cause of missing images, missing styles, and JavaScript files that do not load after upload.
Files and paths in Mobile Locker are case-sensitive, so make sure you reference files in your code with the correct capitalization.