Any static website — HTML, CSS, JavaScript, images, fonts, and video. This includes single-page apps built with Vue, React, or vanilla JS, multi-page sites, and presentation-style demos. Server-side code (PHP, Python, Node.js) is not supported as the app serves files directly without a backend runtime.
Anywhere accessible from the iPadOS Files app — iCloud Drive, On My iPad, a connected USB drive, or any third-party storage provider that integrates with Files (Dropbox, Google Drive, etc.). The app uses security-scoped bookmarks to remember your chosen folder between sessions.
No. ConcreteBlox Edge serves all files directly from local storage with zero network dependency. If your website makes outbound fetch() calls to external APIs, those require connectivity — but all local assets load entirely offline.
The most common cause is filename casing. iPadOS has a case-sensitive filesystem, unlike macOS. If your HTML references Logo.PNG but the file is saved as logo.png, the browser can't find it. ConcreteBlox Edge includes a case-insensitive resolver that handles most of these cases automatically, but consistent casing is best practice.
This should not happen with ConcreteBlox Edge — the app fully supports HTTP Range requests (206 Partial Content) which is what video players need to seek. Ensure your video is in MP4/H.264 format for best compatibility with the iOS media player.
The app looks for a file with "home" in the name first, then index.html. If neither exists, it shows a page picker. Try renaming your main HTML file to include "home" (e.g. home.html or demo-home.html), or use the sidebar picker to select the correct entry page manually.
Yes, fully. ES modules work because the app serves files over a custom URL scheme (localweb://) rather than file://. Safari blocks module imports on file:// — the custom scheme bypasses this restriction entirely. Vite, Webpack, and Rollup build outputs all work as-is.
Yes, as long as you have an internet connection. External resources like Google Fonts, cdnjs, or unpkg are fetched by WKWebView normally. For fully offline usage, download those resources and include them in your site folder.
Tips for best results
📂
Name your entry file clearly
Include "home" in your main HTML filename (e.g. demo-home.html) so the app picks it automatically without prompting.
🎬
Use H.264 MP4 for video
MP4 with H.264 encoding has the best hardware acceleration on iPad. The app memory-maps files under 50 MB for zero-latency reads.
🔤
Match filename casing
Always reference files exactly as they are named on disk. While Edge tries to resolve mismatches, consistent casing is the most reliable approach.
⤢
Present in full screen
Tap the expand icon in the toolbar to enter full-screen mode. The web view locks to its exact pixel dimensions — pixel-perfect presentation.
Debugging with Safari Web Inspector
Connect your iPad to a Mac via USB to use Safari's developer tools for full inspection and debugging.
1. iPad → Settings → Safari → Advanced → Web Inspector ON