在Edge与Firefox控制台中利用copy()指令快速复制对象到剪贴板

舞姬之光

舞姬之光

2026-06-17

442人浏览

原创

copy() 是 edge 和 firefox 控制台内置命令,可直接复制变量到剪贴板;需在控制台同步执行、目标变量已存在,firefox 会自动 json 格式化,不可序列化字段将静默忽略。

在edge与firefox控制台中利用copy()指令快速复制对象到剪贴板

在 Edge 和 Firefox 浏览器的开发者控制台中,copy() 是一个内置的便捷命令,能直接把 JavaScript 对象、数组、字符串等变量内容复制到系统剪贴板,无需手动展开、右键、再复制。它比“Store as global variable + copy(temp1)”更直接,也比书签脚本更轻量。

Edge 中使用 copy() 的前提与操作

Edge(基于 Chromium)完全支持 copy(),但需注意两点:

  • 必须在 DevTools 控制台中执行,且目标变量已存在(比如你刚执行过 const data = {id: 1, name: "test"});
  • 不能在异步回调或定时器里直接调用(如 setTimeout(() => copy(data), 0)),否则可能报错 Failed to execute 'writeText' on 'Clipboard' —— 因为浏览器要求剪贴板写入必须由用户手势同步触发,而控制台输入属于可信上下文,所以直接敲 copy(data) 回车即可。

Firefox 中 copy() 的兼容性说明

Firefox 自 v63 起支持 navigator.clipboard.writeText(),而控制台中的 copy() 是其封装命令,行为与 Chrome/Edge 一致。但要注意:

音频均衡器控制台
音频均衡器控制台

一个音频播放器特效,均衡器柱状条会随播放状态跳动。 从下载体验看,它的优势在于文件清晰、没有外部依赖、可以直接用浏览器打开。用户可以先阅读本文了解实现方式,再进入演示页体验真实交互。

下载
  • Firefox 会将对象自动序列化为 JSON 字符串(类似 JSON.stringify(obj, null, 2)),格式美观、带缩进,适合粘贴到编辑器中查看;
  • 若对象含有不可序列化字段(如函数、undefined、循环引用),copy(obj) 会静默失败或只复制可序列部分,此时建议先用 console.log(obj) 检查结构,必要时手动 copy(JSON.stringify(obj, null, 2))
  • 不依赖 about:config 中的 clipboard.autocopy 设置——该选项仅影响“选中文本后自动复制”,和 copy() 无关。

实用技巧:配合 console.dir 或临时变量提升效率

遇到复杂返回值(例如 fetch 响应体、React 组件 state)时,可组合使用:

  • 先用 console.dir(response.data) 展开查看结构,确认要复制的目标;
  • 若响应是 Promise,先 await response.json() 得到纯对象,再 copy(result)
  • 如果控制台输出的是匿名对象(如点击响应体后显示的 Object {…}),右键它 → “Store as global variable”,生成 temp1,然后立刻执行 copy(temp1) —— 这在 Edge/Firefox 中均有效。

替代方案:当 copy() 不可用时(极少数旧版或安全限制场景)

虽然现代 Edge/Firefox 都默认启用,但若意外失效,可降级使用:

  • copy(JSON.stringify(obj)):强制转字符串,兼容性最强;
  • navigator.clipboard.writeText(JSON.stringify(obj, null, 2)):显式调用 API,返回 Promise,可加 .then(() => console.log('copied')) 确认;
  • Firefox 用户还可直接右键控制台里的对象 → “Copy object”,效果等同于 copy(),无需输命令。

相关文章

Edge浏览器
Edge浏览器

Edge浏览器是由Microsoft(微软中国)官方推出的全新一代手机浏览器。Edge浏览器内置强大的搜索引擎,一站搜索全网,搜文字、搜图片,快速识别,帮您找到想要的内容。有需要的小伙伴快来保存下载体验吧!

下载

相关标签:

edge firefox

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

2023.08.08

571

5

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

2024.05.29

2299

7

火山引擎云服务器使用教程
火山引擎云服务器使用教程

火山引擎云服务器使用教程适合第一次购买、部署和管理云服务器的用户参考。本专题整理控制台入口、实例创建、地域和配置选择、系统镜像设置、安全组放行、远程连接、网站部署、续费计费和常见连接失败问题,帮助用户快速完成云服务器基础使用流程。

2026.08.04

2

10

火山引擎API Key绑定大模型教程
火山引擎API Key绑定大模型教程

火山引擎API Key怎么绑定大模型适合需要在火山方舟、应用后台、脚本工具或AI编程软件中调用模型的开发者参考。本专题整理控制台服务开通、API Key创建、模型权限检查、模型ID选择、Base URL填写、调用测试和鉴权失败排查,帮助用户完成从密钥到模型调用的配置流程。

2026.08.04

2

10

火山引擎API Key获取教程
火山引擎API Key获取教程

火山引擎API Key适合需要调用火山引擎云服务、AI模型、火山方舟接口或其他开放能力的开发者参考。本专题整理控制台入口、账号认证、服务开通、API Key创建、密钥复制保存、权限检查、调用测试和Key无效等常见问题排查。

2026.08.04

6

10

火山引擎API接入教程
火山引擎API接入教程

火山引擎API接入适合需要在应用、脚本、后台服务或AI工具中调用火山引擎能力的开发者参考。本专题整理控制台入口、服务开通、API Key获取、接口地址配置、请求参数填写、调用测试、权限设置、额度查询和常见接口报错排查。

2026.08.04

5

10

火山引擎DeepSeek API调用教程
火山引擎DeepSeek API调用教程

火山引擎DeepSeek API适合需要在应用、脚本、智能体或AI编程工具中调用DeepSeek模型的开发者参考。本专题整理火山引擎控制台入口、模型服务开通、API Key获取、Base URL配置、模型名称填写、调用测试、额度查询和常见接口报错排查。

2026.08.04

2

10

火山引擎控制台操作教程
火山引擎控制台操作教程

火山引擎控制台中常用功能包括API密钥管理、模型调用配置、云资源查看、账单明细、用量统计和权限分配。本专题整理控制台基础操作、服务开通流程、Key创建与保存、费用消耗查看、子账号权限设置和调用失败排查,方便开发者完成日常管理。

2026.08.04

3

10

PDF与PPT格式转换操作方法及在线转换技巧
PDF与PPT格式转换操作方法及在线转换技巧

本专题聚焦 PDF 与 PPT 文件格式转换需求,整理 PDF 转 PPT 在线转换方法、PPT 批量转换 PDF 操作步骤、转换后格式错乱处理以及文档版式检查技巧。通过详细教程帮助用户掌握 PDF、PPT 双向转换方法,解决演示文稿制作、文件整理和办公格式转换中的常见问题,提高办公效率。

2026.07.31

112

6

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Firebug入门教程
Firebug入门教程

共7课时 | 5万人学习

前端最全HTTP基础原理及应用
前端最全HTTP基础原理及应用

共12课时 | 2万人学习

Firebug入门教程
Firebug入门教程

共7课时 | 5万人学习