Web Overrides Overview

Web Overrides allow you to control how your website is presented within your app and how your app sends requests to your web server. With these configuration options and the Median JavaScript Bridge, you can create a polished and immersive app experience powered by your existing web platform.

Customize Web Requests

Custom User Agent

Use a custom user agent to identify app traffic and differentiate it from web users. This configuration can also be used when working with third-party services that may require a native app user agent.

📖 Learn more: Custom User Agent

Custom HTTP Headers

Add custom HTTP headers to requests made from your app to your web server. This allows you to pass device-specific or session-related information, enabling smarter server-side logic.

📖 Learn more: Custom Headers

Overriding Web Content

❗️

Maintainability of Mobile App Overrides

CSS or JavaScript injected through Web Overrides is applied globally to your entire web app inside the mobile app. This may introduce maintenance challenges, especially since the app needs to be republished to update the override logic.

For long-term maintainability, it's recommended to implement changes server-side and detect in-app usage using this guide: Detecting App Usage

Custom CSS

Apply custom CSS to adjust how your website appears in the mobile app. This is useful for hiding elements like desktop-only banners, footers, or navigation bars.

📖 Learn more: Custom CSS

Custom JavaScript

Inject custom JavaScript to run additional logic when your website is loaded inside the app. Use this to modify behavior, capture events, or enhance the user experience.

📖 Learn more: Custom JavaScript

Cookie Persistence

Override cookie expiration settings issued by your web platform to maintain session or preference data across app sessions.

📖 Learn more: Cookie Persistence

Web Overrides allow you to control how your website is presented within your app and how your app sends requests to your web server. These configuration features and the Median JavaScript Bridge are key to building an immersive mobile app using Median. If you are using a JavaScript framework such as React or Vue.js be sure to install the median-js-bridge NPM Package which will help simplify your web to app integration.