Html5 cache Manifest not working

Question

I'm trying to get HTML5 offline storage working in a basic way. this is my html file

<html manifest="12thPayment.appcache" lang="en" ng-app="mainApp">

this is the 12thPayment.appcache file

CACHE MANIFEST


    https://cdnjs.cloudflare.com/ajax/libs/SVG-Morpheus/0.1.8/svg-morpheus.js  
    https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.8/angular-ui-router.min.js 

    PAYMENTS.html
    ../../js/jquery-2.1.4.min.js
    ../../bower_components/angular/angular.min.js 
    ../../bower_components/angular-animate/angular-animate.js 
    ../../bower_components/angular-aria/angular-aria.js 
    ../../bower_components/angular-material/angular-material.js 
    ../../uimicrokernel/uimicrokernel.js 
    ../../js/directivelibrary.js 
    ../../js/12thdirective.js 
    js/controllers/paymentModule.js 
    js/controllers/configPayment.js 
    js/controllers/paymentService.js 
    js/controllers/paymentAdd.js 
    js/controllers/paymentUpload.js 
    js/controllers/paymentView.js 
    js/controllers/paymentSingleView.js 


    NETWORK:
    *

when i run the file online chrome console says manifest file is created but in the offline it does't work. do i need to add the text/cache-manifest. then where do i need to add it

shalini shalini · Accepted Answer · 2016-01-21T10:04:22

To enable AppCache on Apache server, add the following to .htaccess:

AddType text/cache-manifest .appcache

Html5 cache Manifest not working

1 Answers