问答详情
源自:2-3 HTML5存储之indexedDB的实际操作

求源代码!

老师能不能附上源代码上来啊

提问者:Chen_Cuiling 2016-11-02 22:56

个回答

  • Mountain_
    2016-11-09 20:26:53

    CACHE MANIFEST

    #version 1.1


    CACHE:

    1.png

    2.png

    style.css


    NETWORK:

    *

    //以上是manifest.appcache文件,跟老师在apache中设置的一样。然后把整个文件夹放在你的XMAPP中的htdocs中,打开apache,在localhost打开apacache.php文件,F12调试就好了。

    //也是初学,如有不正确,请指正并谅解

  • Mountain_
    2016-11-09 20:22:31

    <!DOCTYPE html>

    <html manifest="manifest.appcache">

    <head>

        <meta charset="UTF-8">

        <title></title>

        <link rel="stylesheet" href="style.css">

    </head>

    <body>

    <h1>离线存储11</h1>

        <img src="1.png">

        <img src="2.png">

         

        <script>

            //监控

            window.onload = function(){

                window.applicationCache.onupdateready = function(e){

                    console.log(window.applicationCache.status);

                    if(window.applicationCache.status == window.applicationCache.UPDATEREADY){

                        window.applicationCache.swapCache();

                        if(confirm('版本更换,是否确认加载?要重新刷新两次')){

                            window.location.reload();

                        }

                    }else{

                        console.log('manifest did not change');

                    }

                }

            }

        </script>

    </body>

    </html>

    //以上是appcache.php文件
    //1.png,2.png,style.css都在同一文件夹下
    //你可以自己设置文件名,路径等