通过Chrome开发者控制台注入SheetJS时无法正常初始化如何解决

核心原因 #

你当前的注入方式属于异步加载外部脚本，脚本追加到head后不会立刻完成下载和解析，此时提前访问XLSX全局对象就会出现对象已生成但内容为空的情况。

修复方案 #

1. 新增脚本加载完成监听逻辑 #

所有依赖XLSX的操作必须放在onload回调内执行，修改后的注入代码如下：

const sheetjsScript = document.createElement('script');
sheetjsScript.type = "text/javascript";
sheetjsScript.src = "https://cdn.jsdelivr.net/gh/sheetjs/sheetjs/dist/xlsx.full.min.js";
// 脚本加载完成后才可以操作XLSX对象
sheetjsScript.onload = function() {
    // 可通过打印版本号验证是否正常加载
    console.log('SheetJS加载完成，版本：', XLSX.version);
    // 你的业务逻辑写在此处
}
$("head").append(sheetjsScript);

2. 异常场景排查 #

如果添加onload回调后问题仍存在，按以下顺序排查：

• 检查页面CSP限制：打开控制台「网络」面板，查看xlsx.full.min.js的请求状态，如果被CSP策略拦截，可以直接将SheetJS全量源码复制到控制台执行，绕开CDN加载限制
• 排查全局变量冲突：如果页面本身已存在同名XLSX全局变量，会覆盖SheetJS导出的对象，可在onload回调内执行console.log(window.XLSX)验证，正常加载的XLSX对象会包含read、write、utils等核心方法

3. 临时调试极简方案 #

如果只是临时在控制台测试功能，可以跳过动态注入步骤，直接把SheetJS的全量源码复制粘贴到控制台回车执行，执行完成后即可直接调用XLSX对象，不会出现异步加载导致的初始化异常。

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