JavaScript 和脚本加载

Question

我用 JS 创建了一个小型库，为我们的客户进行一些分析。

到目前为止，我们将其包含在 </body> 附近，如下所示标签:

<script type="text/javascript" src="https://cdn.myapp.net/main.min.js"></script>
<script type="text/javascript">
     MyLib.init("idofthecustomer");
</script>

但显然，它无法在某些浏览器上运行。我查看了其他分析库，他们以多种不同的方式包含脚本。

堆:

<script type="text/javascript">
    window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
    heap.load("YOUR_APP_ID");
</script>

谷歌分析:

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

他们为什么要这么做？你能解释一下这样做的目的是什么吗？

换句话说，我们如何确定我们的脚本将被加载并运行？

感谢您的回答!

Answer 1

由于不同的原因，许多统计数据是使用 JavaScript 加载的，而不是使用“经典 <script> 应答器”:

• 如果脚本已在页面中声明，请勿加载同一个库两次
• 允许开发异步库加载
• 对于菜鸟来说，只复制一个不可读的脚本更方便

如果您的库并未在所有浏览器上始终加载，则可能不是集成错误。

• 至少 21% 的互联网用户使用统计广告拦截器
• Javascript 并不总是被允许(通常是机器人，很多机器人)
• 有些浏览器不允许跨域(收费js库或者你的main.min.js发送跨域请求)
• IE 有一个严格的跨站脚本过滤器(XSS 保护)

如果有人看到其他原因，您可以编辑我的答案;)