基于Modernizr 让网站进行优雅降级的分析

                if (!window.jQuery) {
                    Modernizr.load(‘Scripts/jquery-1.6.1.min.js’);
                }
            }
        },
        {
            test: Modernizr.borderradius || Modernizr.boxshadow,
            nope: ‘Scripts/PIE.js’,
            callback: function () {
                $(‘article’).each(function () {
                    PIE.attach(this);
                });
            }
        }]);
    </script>

 

来看效果:支持HTML5的浏览器

 

接下来看不支持HTML5的浏览器 IE7 做测试

 

所以通过使用Modernizr做HTMl5页面的功能检测是非常方便。但是还是会存在一个问题？ 如果是做了一个丰富的画布特效,如何做到兼容呢？此时还是回到开始的那句话，功能降级，能支持多少支持多少，不能支持的给与友好提示。还是期待国内用户快些升级上支持HTML5的浏览器，这样开发人员就不会这么痛苦了。