Chrome中clipboard.write抛出"Type application/json not supported on write"错误求助

Chrome的Clipboard API目前不支持写入application/json类型的剪贴板数据，这是浏览器对剪贴板写入的MIME类型限制导致的，所以你执行代码时会抛出该错误。

解决办法 #

改用浏览器支持的text/plain类型写入JSON内容，代码修改如下：

const json = JSON.stringify(item);
const data = [
  new ClipboardItem({'text/plain': new Blob([json], {type: 'text/plain'})})
];
await navigator.clipboard.write(data);

如果需要让粘贴数据的一方明确知道这是JSON格式，可以在内容开头添加标识，比如：

const json = `JSON:${JSON.stringify(item)}`;
const data = [
  new ClipboardItem({'text/plain': new Blob([json], {type: 'text/plain'})})
];
await navigator.clipboard.write(data);

后续读取剪贴板时，再通过前缀识别并解析JSON即可。

注：Chrome支持的剪贴板写入MIME类型包括text/plain、text/html、image/png等常见类型，application/json不在当前支持范围内。

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