浏览器Android上的图片仅在刷新后显示

我正在使用Modernizr检测不支持SVG的浏览器，并为不支持它的用户加载其他样式表。图像由css中的background-urls设置。浏览器Android上的图片仅在刷新后显示

图片在我的android浏览器中并没有显示，但是当我刷新它们加载的页面时。我确信在这样做之前缓存已被清除。我也使用Jquery Mobile，但不使用任何风格。

这里是我的头：

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
    <title>My Website</title> 

    <meta http-equiv="x-dns-prefetch-control" content="off"> 

    <meta name="viewport" content="width=device-width, target-densityDpi=160, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

    <link href="<?php bloginfo('template_url'); ?>/css/reset.css" rel="stylesheet" /> 
    <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" /> 

    <script type="text/javascript" src="http://use.typekit.com/abv4xxx.js"></script> 
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script> 

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/mobile.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> 
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/modernizer.js"></script> 
    <script type="text/javascript"> 

    Modernizr.load({ 
    test: Modernizr.svg, 
     nope: '<?php bloginfo("template_url"); ?>/css/nono-svg.css' 
    }); 

    </script> 
    <?php wp_head(); ?> 
</head>

来源

2012-08-23 Ryan Koehler

我找到了解决办法。我不得不将我的js脚本移动到modernizr的加载命令中。

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
    <title>My Website</title> 

    <meta http-equiv="x-dns-prefetch-control" content="off"> 

    <meta name="viewport" content="width=device-width, target-densityDpi=160, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

    <link href="<?php bloginfo('template_url'); ?>/css/reset.css" rel="stylesheet" /> 
    <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" /> 

    <script type="text/javascript" src="http://use.typekit.com/abv4xxx.js"></script> 
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script> 

    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/modernizer.js"></script> 
    <script type="text/javascript"> 

    Modernizr.load({ 
     load: ['https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', 
      '<?php bloginfo("template_url"); ?>/js/mobile.js', 
      'http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js' 
     ], 
     test: Modernizr.svg, 
      nope: '<?php bloginfo("template_url"); ?>/css/nono-svg.css' 
    }); 

    </script> 
    <?php wp_head(); ?> 
</head>

来源

2012-08-23 14:39:58

浏览器Android上的图片仅在刷新后显示

回答

相关问题