从 Chrome 控制台复制数据 - Javascript

Chrome 控制台是用于调试和测试 JavaScript 代码的一种工具，它提供了许多功能和工具，如控制台、元素检查器、网络面板等等。在开发过程中，我们可能需要从控制台中获取一些数据，以便进行分析或导出。下面是从 Chrome 控制台复制数据的几种方法。

复制单个变量或对象

当我们在控制台中输入一个变量或者一个对象时，我们可以使用 console.log() 命令将它们输出到控制台中。此时，我们可以点击右键，然后选择“复制”或者“复制属性”来复制单个变量或对象。另外，我们还可以在控制台中右键单击该变量或对象，然后选择“存储为全局变量”，将它们保存到全局变量中，在控制台中执行其他命令时可以使用。这些操作的代码片段如下：

const myVar = 'Hello World';
console.log(myVar);
// 右键单击 myVar，选择“复制”

const myObj = {
  prop1: 'value1',
  prop2: 'value2'
}
console.log(myObj);
// 右键单击 myObj，选择“复制”或“复制属性”

window.myVar = myVar;
window.myObj = myObj;
// 右键单击 myVar 或 myObj，选择“存储为全局变量”

复制表格数据

在控制台中，我们可以使用 console.table() 命令将一个数组或对象中的数据以表格的形式输出到控制台中。这对于分析和比较数据非常有用，我们可以使用“复制表格”选项来将它们复制到剪贴板中。此外，我们还可以使用 copy 命令来直接复制表格数据，代码片段如下：

const myList = [
  { name: 'Alice', age: 20 },
  { name: 'Bob', age: 25 },
  { name: 'Charlie', age: 30 }
];
console.table(myList);
// 右键单击表格，选择“复制表格”

copy(myList);
// 直接复制表格数据到剪贴板中

复制网络请求数据

在 Chrome 控制台中，我们可以使用网络面板来查看页面中的所有网络请求，包括请求 URL、请求类型、请求参数、响应时间、响应状态等信息。如果我们需要复制其中的一些数据，可以右键单击该数据行，然后选择“复制”。另外，我们还可以选择“复制所有请求”或“导出所有请求”，以便将所有网络请求数据保存到剪贴板或者文件中。这些操作的代码片段如下：

// 在 Chrome 控制台中打开网络面板，查看网络请求。

// 右键单击请求行，选择“复制”
// 右键单击请求标题栏，选择“复制所有请求”

// 右键单击请求标题栏，选择“导出所有请求”
// 然后在导出面板中选择“复制到剪贴板”或“保存到文件”

总之，Chrome 控制台提供了丰富的功能和工具，使得我们在开发过程中更加高效和便捷。通过上述方法可以轻松地从控制台中复制数据，以便进行分析和导出。