Web Overrides Overview
Learn how to customize how your website appears and behaves in your app using custom user agents, headers, CSS, JavaScript, and cookie persistence.
Web Overrides let you control how your website is presented inside your app and how the app sends requests to your web server. With these options and the Median JavaScript Bridge, you can build a polished, immersive app experience on top of your existing web platform.
Related Documentation
Custom User Agent
Use a custom user agent to identify app traffic and differentiate it from web users. Useful when third-party services require a native app user agent.
Custom Headers
Add custom HTTP headers to requests from your app to your web server. Pass device-specific or session-related data for smarter server-side logic.
Custom CSS
Apply custom CSS to change how your site looks in the app. Useful for hiding desktop-only elements like banners, footers, or navigation bars.
Custom JavaScript
Inject custom JavaScript to run when your site loads in the app. Modify behavior, capture events, or improve the in-app experience.
Cookie Persistence
Override cookie expiration from your web platform so session or preference data is kept across app sessions.
Customize Web Requests
Use a custom user agent to identify app traffic and work with services that expect a native app user agent. Add custom HTTP headers to send device or session information to your server and support smarter server-side behavior.
Overriding Web Content
Maintainability of mobile app overridesCSS or JavaScript injected via Web Overrides is applied globally to your whole web app inside the mobile app. That can make maintenance harder, since you need to republish the app to change override logic.
For long-term maintainability, prefer implementing changes on the server and detecting in-app usage. See Detecting App Usage for details.
Custom CSS lets you adjust layout and visibility in the app (for example, hiding desktop-only UI). Custom JavaScript lets you run extra logic on load, change behavior, or hook into events.
Cookie Persistence
Override cookie expiration settings from your web platform so session or preference data persists across app sessions.
Summary
Web Overrides and the Median JavaScript Bridge are the main tools for shaping how your website is shown in the app and how requests are sent. If you use a JavaScript framework such as React or Vue.js, install the median-js-bridge NPM package to simplify web-to-app integration.
Updated about 1 month ago