Geek asks and answers

Webshim polyfill localStorage undefined in IE6

When I run the following code in IEETester IE6 window:

<!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title>DealingTree</title>
        <meta http-equiv="Content-type" content="text/html;charset=utf-8"/>
        <script type="text/javascript" src="/js/modernizr.js"> </script>
        <script type="text/javascript" src="/js/jquery.js"> </script>
        <script type="text/javascript" src="/js/sssl.js"> </script>
        <script type="text/javascript" src="/js/webshims/js-webshim/minified/polyfiller.js"> </script>
      </head>
      <body>
        <script type="text/javascript">
          //<![CDATA[
          $.webshims.polyfill('json-storage');
          localStorage.setItem('myKey','myValue');
          alert(localStorage.getItem('myKey'));
          //]>
        </script>
      </body>
    </html>

The following error appears in the popup dialog:

Line:  15
Char:  7
Error: 'localStorage' is undefined
Code:  0
URL:   http://localhost/problem2.html

The code works fine in IE9, working in IE7 mode.

When I move on to using Douglas Crockford's JSON2.js and Remy Sharp polyfill --upon repository, which it is supposedly based on, I have no problem.

Please, help?

+3
source share
2 answers

I received an email from the author (Alexander Farkas) explaining that the code using polyfill should be inside the domready event handler, for example:

$.webshims.polyfill('json-storage');
$(function(){
  localStorage.setItem('myKey','myValue');
  alert(localStorage.getItem('myKey'));
});

: http://afarkas.github.com/webshim/demos/index.html#polyfill-ready

+2

IE6 HTML5 . , (IE6 2001 , HTML5 2004 ). . .

, , ​​ - , jStorage IE6 +.

-1

More articles:


All Articles