解决跨浏览器问题网站收集

1.前端瑞士军刀modernizr（判定浏览器以加载css和js）：http://modernizr.com/

　　在http://modernizr.com/ 下载modernizr.js 可下载生产版和开发版本，开发版本可以根据具体需求下载

　　

　　具体应用：

Modernizr.load([
            {
                test: Modernizr.mq('only all'),/*检测是否支持媒体查询*/
                yep: 'js/pass.js',/*支持媒体查询，加载这个脚本*/
                nope: 'js/respond.min.js',/*不支持媒体查询，加载脚本来支持（主要是对于IE6-8）*/
                both:'css/style.css'/*无论如何都要加载的脚本*/
            },
            {
                // 检测手机端，窗口最大为600PX的（用以导航的位置的折叠）
                test: Modernizr.mq('only screen and (max-width: 600px)'),
                yep : 'js/jquery.mobilemenu.js',/*如果窗口小于600，加载js*/
                callback : function () {
                    //需要做的事情
                    $(document).ready(function(){
                        $('#mainNav').mobileMenu({
                            switchWidth: 600,
                            topOptionText: 'Select a page',
                            indentString: '   '
                        });
                    });

                }
            }
        ]);

 

大牛们收集的垫片脚本地址（关于用js支持一些浏览器不兼容css3.0和HTML5的方法）：https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills