javascript - 是否有可能知道脚本是如何加载的

Question

假设我有脚本 source.js .有两种加载方式:

1. <script src="source.js"></script>
2. 通过document.createElement和 appendChild

是否可以从内部source.js了解加载方式？

Answer 1

简单的回答:不。

您可以更改script标签有一个额外的属性

<script src="source.js" data-scripttag="true"></script>

然后在你的source.js文件，您可以查看标签上是否存在该属性。如果是，它是通过脚本标签调用的。但是，我从问题中假设您无法修改调用脚本的 HTML(第三方集成？)。

此示例片段在 SO 中不起作用，但如果您可以编辑 HTML，则应该提供实现此目的的方法。

// foo.js

var scriptTags = document.querySelectorAll('[data-scripttag]');
if (scriptTags.length === 1) {
  // Called via script tag
} else {
  // injected
}

<script src="foo.js" data-scripttag="true"></script>

<script>
  var fs = document.getElementsByTagName('script')[0];
  var s = document.createElement('script');
  s.src = 'foo.js';
  fs.parentNode.insertBefore(s, fs)
</script>