I suspect there’s no other solution than to rewrite the parts of Modernizr that use inline code or dynamically evaluated code (which applies to both JS and CSS). The experiences of AngularJS ngCsp might be useful here.
I’m sure that the cause of your problem is the last line of jquery-1.9.0.min.js: //@ sourceMappingURL=jquery.min.map The unminified version of jQuery 1.9 does not contain this. I’ll explain why in a minute. I’ve noticed myself that when jquery-1.9.0.min.js is bundled with another file – and that other file follows jquery-1.9.0.min.js – then the following JS … Read more
Generally speaking, Modernizr does three things. It adds classes indicating feature support, allowing you to apply different styling to elements depending on what features they support. It allows you to run feature detection to decide whether to run a script/run a polyfill or not. It injects html5shiv, which allows old browsers to understand HTML5 elements. … Read more
They do different things. Modernizr detects the availability of features in a page allowing you to provide your own polyfills for older browsers should you require that functionality. You can add support for <canvas> using a canvas tag polyfill so that canvas functionality, including it’s JavaScript interface, in browsers that don’t support the <canvas> tag. … Read more
Modernizr is a test suite that adds feature detection via classes applied to the body tag. It includes HTML5Shi(v|m) to add older browser compatibility. You don’t need Modernizr just to style new tags in older browsers. That said, it is OK to include Modernizr with Twitter Bootstrap. You can even get an auto-generated H5BP template … Read more
This question is a bit old but I couldn’t find a better answer when I googled it. Most desktops now are touch enabled, so detecting it is irrelevent. The best way to detect them is by screen size. With Modernizr you can use if (Modernizr.mq(‘only all and (max-width: 480px)’)) { …}
Firstly, it is my understanding that when bundling Modernizr with Respond.js, no other coding or tests are required for media query support in IE8 and below. In other words, when Respond.js is bundled with Modernizr I merely have to load Modernizr in my source to get Respond.js active. Correct? Well you need at least some … Read more
1) If I’m already using Modernizer then even will I need HTML5 Shiv to enable HTML5 tag supports for IE. You don’t need to separately include html5shiv, because Modernizr includes it: As of Modernizr 1.5, this script is identical to what is used in the popular html5shim/html5shiv library. http://www.modernizr.com/docs/#html5inie 2) and is HTML5 Shiv only … Read more
tl;dr What to do in modern (2018) times? Assume tel: is supported, use it and forget about anything else. The tel: URI scheme RFC5431 (as well as sms: but also feed:, maps:, youtube: and others) is handled by protocol handlers (as mailto: and http: are). They’re unrelated to HTML5 specification (it has been out there … Read more
I’ve got extensive experience with all of these, having used them for a few years each. Modernizr Includes HTML5shiv functionality Also does a lot more – if you don’t use the other features, then don’t use it, it does slow down page loads, but is worth it if you need it! HTML5shiv Very small, just … Read more