通用的前端js代码

1.判断是否移动设备的浏览器，是否允许触摸事件。（响应式网页）

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
      window.useTouchEvents = true;
} else {
      window.useTouchEvents = false;
}
    

2.判断是否移动设备的浏览器，跳转到移动端网页。（非响应式网页）

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    window.location.href="手机页面";  
}

3.数组类型统一转化

if(!window.Float32Array) window.Float32Array = window.Array;
if(!window.Uint16Array) window.Uint16Array = window.Array;

4.谷歌分析代码

(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
    function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
    e=o.createElement(i);r=o.getElementsByTagName(i)[0];
    e.src='//www.google-analytics.com/analytics.js'; 
    r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
    ga('create','not giving this out');ga('send','pageview');

不要小看这段代码，这段代码能获取本站最精准的数据，而且速度快，如多少访客，停留多长时间，所处的位置，跟踪无数个单独的域名情况（百度统计简直弱爆了，可惜天朝用不了）

5.谷歌标签管理代码

 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-M87TPR"
 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
 })(window,document,'script','dataLayer','GTM-M87TPR');</script>

 专门来管理各种的脚本，如：谷歌分析代码等，会自动追踪并更新第三方的代码，不需要人工再去更新或配置。

 

转载于:https://www.cnblogs.com/Sroot/p/5706677.html