利用requeetjs优化响应式移动端js加载
html:
<script data-main="main" src="require.js"></script>
main.js
require.config({ baseUrl: ‘js‘, shim: { "zepto": { exports: "$" } } }); if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || /Android/i.test(navigator.userAgent) || /BlackBerry/i.test(navigator.userAgent) || /IEMobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){ /*if(/iPad/i.test(navigator.userAgent)){alert("iPad平板");}else{alert("其他移动设备 www.111cn.net ");}*/ require([‘zepto‘],function($){ }) }else{ require([‘jquery‘],function($){ }) }
目录结构:
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。