JavaScript开发Chrome扩展时如何校验字符串为有效英文单词

该方案和Python端enchant库的校验逻辑一致，仅做单词存在性判断、不需要获取释义，纯原生JS实现，无第三方依赖，离线可用。

核心实现逻辑 #

采用本地压缩词库+Set结构快速匹配的方案，查询性能可达O(1)，完全满足网页内容实时校验的需求。

1. 前期准备 #

使用无版权的公开英文通用词表（覆盖10-20万日常、通用场景合法单词即可，压缩后体积仅几百KB，不会明显增加扩展包大小），提前做预处理：

• 所有单词统一转成大写/小写格式，消除大小写匹配差异
• 去重后导出为JSON数组文件，打包进Chrome扩展的本地资源目录

2. 核心代码实现 #

// 全局词库实例，扩展初始化时仅加载一次
let validWordSet = null;

// 初始化本地词库
async function loadWordDict() {
  // 读取扩展本地打包的词库文件，无网络请求
  const wordArr = await fetch(chrome.runtime.getURL('data/word_list.json'))
    .then(res => res.json());
  // 统一转大写存储，匹配时不区分大小写
  validWordSet = new Set(wordArr.map(word => word.trim().toUpperCase()));
}

// 单词校验主函数
function checkIsValidWord(inputStr) {
  if (!validWordSet) throw new Error('词库尚未加载完成');
  // 基础格式校验：仅允许纯英文字母，长度覆盖英文单词合理区间
  if (!/^[a-zA-Z]{1,45}$/.test(inputStr)) return false;
  // 词库匹配
  return validWordSet.has(inputStr.toUpperCase());
}

// 扩展启动时执行初始化
loadWordDict();

3. 校验效果 #

• 输入字符串：WUELUA，函数返回false，判定为非有效英文单词
• 输入字符串：HELLO，函数返回true，判定为有效英文单词

Chrome扩展适配注意事项 #

• 词库文件需要配置到manifest.json的web_accessible_resources字段中，否则扩展上下文无权限读取本地资源
• 如果需要覆盖百万级超大量专业词汇，可将Set替换为布隆过滤器存储，内存占用可压缩至原有的1/10，仅存在可忽略的极低误判率

备选低优方案：如果对扩展包体积有极致要求，可尝试调用Chrome内置的拼写检查API，但该能力依赖用户本地浏览器的语言包配置，不同用户环境下校验结果可能存在差异，稳定性弱于本地词库方案。

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