浏览器控制台获取一个网页的HTML

当我们在开发工程化的前端项目时，常常会遇到需要SEO的问题，因为常用的NextJS和NuxtJS框架中区分了客户端组件和服务端组件，所以我们经常需要考虑到一些页面在被搜索引擎爬取时能否获取到带有数据的页面，所以我们可以使用以下方法粗略查看：

// 请求指定网站并打印文本内容
async function fetchPageAsText(url) {
  try {
    const response = await fetch(url);
    
    // 检查响应是否成功
    if (!response.ok) {
      throw new Error('请求失败，状态码：' + response.status);
    }

    const text = await response.text();  // 获取页面内容
    console.log(text);  // 打印页面文本内容
  } catch (error) {
    console.error('请求失败：', error);
  }
}

// 调用方法，传入要请求的网址
fetchPageAsText('https://tool.fishblog.cn');  // 替换成你要请求的网址