浏览器F12中控制台用fetch get方法传JSON的详细代码

下面是在浏览器的开发者工具中的控制台（F12）中，使用fetch方法发送GET请求并传输JSON数据的详细示例代码：

const url = 'https://example.com/api/data'; // 替换为实际的API地址

fetch(url, {
  method: 'GET',
  headers: {
    'Content-Type': 'application/json',
  },
})
  .then(response => {
    if (response.ok) {
      return response.json();
    } else {
      throw new Error('请求失败');
    }
  })
  .then(data => {
    // 处理返回的数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

在上述代码中，我们使用fetch方法发送GET请求，并在请求头中设置Content-Type为application/json，表示要传输JSON数据。你需要将`url`替换为你要请求的URL地址。

在`.then()`中，我们首先检查响应的状态码，如果是200 OK，则将响应体的JSON数据解析成JavaScript对象，并继续处理。如果响应状态码不是200，则抛出一个错误。

最后，你可以在`.then()`中处理返回的数据，或者在`.catch()`中处理错误。

请注意，由于浏览器中的同源策略，如果目标URL与当前页面的域名不同，可能会遇到跨域问题。需要在服务器端进行相应的配置，允许跨域请求，或者使用代理等方式解决跨域问题。

这是一个基本的示例代码，你可以根据实际情况进行修改和扩展。