浏览器扩展场景下JavaScript替代crypto.randomBytes函数的方法

云上老周

2026-8-14

无第三方依赖生成指定大小的随机缓冲区

针对浏览器扩展打包时遇到的stream依赖问题，完全可以用环境原生API实现randomBytes的功能，不需要第三方库，分环境给出方案：

浏览器/浏览器扩展环境

直接使用浏览器标准的crypto.getRandomValues()API，生成随机字节数组后可转为Buffer（基于Chromium的扩展环境支持Buffer）：

function generateRandomBuffer(size) {
  const uint8Array = new Uint8Array(size);
  window.crypto.getRandomValues(uint8Array);
  // 若无需Buffer，直接返回uint8Array即可作为缓冲区使用
  return Buffer.from(uint8Array);
}

这个API是浏览器原生支持的，不存在额外依赖，不会触发打包时的模块解析错误。

Node.js环境（若需跨环境兼容）

如果代码需要同时跑在Node.js环境，可使用Node内置的webcrypto（和浏览器API一致）：

const { webcrypto } = require('crypto');

function generateRandomBuffer(size) {
  const uint8Array = new Uint8Array(size);
  webcrypto.getRandomValues(uint8Array);
  return Buffer.from(uint8Array);
}

跨环境通用方案

如果需要一套代码适配浏览器和Node.js：

function generateRandomBuffer(size) {
  const cryptoImpl = typeof window !== 'undefined' 
    ? window.crypto 
    : require('crypto').webcrypto;

  if (!cryptoImpl) {
    throw new Error('No cryptographic random number generator available');
  }

  const uint8Array = new Uint8Array(size);
  cryptoImpl.getRandomValues(uint8Array);
  
  return typeof Buffer !== 'undefined' 
    ? Buffer.from(uint8Array) 
    : uint8Array;
}