--- title: "Explain the concept of cache manifest and its role in offline web applications." description: "Explain the concept of cache manifest and its role in offline web applications." author: "Revati S Misra" published: 2023-05-24 updated: 2023-05-25 canonical: https://www.mindstick.com/forum/158486/explain-the-concept-of-cache-manifest-and-its-role-in-offline-web-applications category: "cache" tags: ["cache", "browser-cache"] reading_time: 3 minutes --- # Explain the concept of cache manifest and its role in offline web applications. [Explain the concept](https://www.mindstick.com/forum/159605/explain-the-concept-of-unique-key-violation-error) of [cache](https://www.mindstick.com/blog/222/clearing-cache-in-asp-dot-net) [manifest](https://www.mindstick.com/interview/2614/how-to-define-an-activity-as-launcher-activity-in-application-manifest-file) and its [role](https://yourviews.mindstick.com/audio/1254/the-role-of-visualization-in-achieving-your-goals) in [offline](https://yourviews.mindstick.com/view/88489/what-happens-if-ai-goes-offline-for-a-day) [web applications](https://www.mindstick.com/blog/11464/improve-your-understanding-of-web-applications). ## Replies ### Reply by Aryan Kumar A cache manifest, also known as an "application cache", is a [web](https://www.mindstick.com/articles/12783/the-ultimate-bunch-of-free-web-design-resources) browser mechanism that enables offline web application functionality. This allows developers to specify a list of resources that will be cached by the browser so they are available even if the device is offline. A cache manifest file is a plain text file with a specific format and .appcache extension. Here's how the cache manifest works and its role in offline web applications: 1. **Cache manifest definition:**\ A cache manifest file contains a list of resources such as HTML files, CSS style sheets, JavaScript files, images, and other assets to cache in the browser. Specifies resources that the browser should store locally for offline access. 2. **Manifest File Declaration:** To enable offline functionality, the web application's HTML file must include a reference to the cache manifest file using the **manifest** attribute in the **html** tag. For example: ```html ``` 1. **Manifest File Structure:** The cache manifest file consists of sections that define the behavior of the application cache. The main sections are: - **CACHE**: Lists the resources that should be cached and made available offline. Each resource is specified on a separate line. - **NETWORK**: Specifies resources that should be requested from the network and not cached. - **FALLBACK**: Defines fallback pages that should be displayed when a resource is inaccessible offline. 1. **Initial cache:**\ When a user visits her web application for the first time, the browser downloads and saves all the resources specified in the cache manifest. These resources will be available for offline viewing. 2. **Subsequent cache:**\ On subsequent visits, the browser compares the contents of the cached manifest file with the cached resources. If resources change or new resources are added, the browser updates its cache accordingly. This keeps the application cache up-to-date with the latest versions of resources. 3. **Offline access:**\ When the device is offline or no network connection is available, the web application uses cached resources from the application cache to render content. Users can interact with applications, access previously visited pages, and perform certain functions without an Internet connection. 4. **Update cache:**\ To update the cache and ensure that your users get the latest content when online, you need to modify your cache manifest file. Developers can change the contents of the manifest file. For example, update the version number or change the list of resources. When the manifest file is updated, the browser detects the change and downloads new or changed resources and updates the application cache. Cache manifests play an important role in offline web applications because they allow developers to define and manage resources that are available for offline access. This provides a way to control caching behavior, allowing users to continue using applications without an internet connection, and automatically refreshing cached content when the device reconnects to the network. will be --- Original Source: https://www.mindstick.com/forum/158486/explain-the-concept-of-cache-manifest-and-its-role-in-offline-web-applications Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.