如何检测JavaScript库的加载来源？判断是否为本地副本

当然有更高效直接的方案！你完全可以让你的JS库直接获取自身的加载URL，不用遍历所有<script>标签，准确性和效率都更高。下面是几种靠谱的方法：

1. 使用document.currentScript（推荐，适用于传统脚本） #

这是最直接的方式，document.currentScript会返回当前正在执行的<script>元素，你可以直接读取它的src属性来获取加载URL。

代码示例：

// 在你的库代码开头加入这段逻辑
const currentScript = document.currentScript;
if (currentScript) {
  const scriptUrl = currentScript.src;
  // 替换成你的官方规范地址
  const officialUrl = "https://your-official-domain.com/your-library.min.js";
  
  // 对比URL（注意：如果官方地址有CDN多域名或者带版本号，建议做模糊匹配，比如检查域名和路径前缀）
  if (!scriptUrl.startsWith(officialUrl.split('?')[0])) {
    console.warn("警告：此库未从官方指定地址加载，可能存在安全风险！");
    // 这里可以添加限制功能执行、提示用户等逻辑
  }
}

兼容性：Chrome、Firefox、Edge等现代浏览器都支持，IE11及以下不支持。如果你的目标用户主要使用现代浏览器，这是最优选择。

2. 使用import.meta.url（适用于ES模块） #

如果你的库是以ES模块形式发布（用type="module"引入），那么import.meta.url是ES标准提供的特性，直接返回当前模块的加载URL，非常可靠。

代码示例：

// ES模块环境下的库代码
const moduleUrl = import.meta.url;
const officialUrl = "https://your-official-domain.com/your-library.mjs";

if (!moduleUrl.startsWith(officialUrl.split('?')[0])) {
  console.warn("请从官方地址加载此模块！");
}

兼容性：所有支持ES模块的现代浏览器和Node.js都支持，是模块场景下的标准方案。

3. 利用Error栈追踪（兼容旧浏览器） #

如果需要兼容IE这类旧浏览器，可以通过创建Error对象并解析栈信息来获取脚本URL。不同浏览器的栈格式略有差异，但核心逻辑一致。

代码示例：

function getScriptUrl() {
  try {
    throw new Error();
  } catch (err) {
    const stackLines = err.stack.split('\n');
    // 遍历栈帧，找到包含脚本URL的行（跳过当前函数的栈帧）
    for (const line of stackLines) {
      const urlMatch = line.match(/https?:\/\/[^(\s]+/);
      if (urlMatch && !line.includes('getScriptUrl')) {
        return urlMatch[0];
      }
    }
    return null;
  }
}

const scriptUrl = getScriptUrl();
if (scriptUrl) {
  // 对比官方地址逻辑同上
}

注意：这个方法性能略差，且需要适配不同浏览器的栈格式，但能覆盖更广泛的环境。

额外提醒 #

• 这些检测方法无法完全阻止恶意篡改（比如用户修改DOM或伪造栈信息），但对于普通的非授权拷贝使用，已经足够起到警示和限制作用。
• 如果官方地址存在CDN多节点、带版本号或查询参数的情况，建议不要做精确匹配，而是检查URL的域名、路径前缀等核心部分，避免误判。

内容的提问来源于stack exchange，提问作者Herms