如何建设线报网站,无锡网页设计排名,网站建设制作免费,莱芜论坛莱芜在线Cursor #xff08;https://www.cursor.so/#xff09;是 GPT-4 驱动的一款强大代码编辑器#xff0c;可以辅助程序员进行日常的编码。下面通过一个实际的例子来展示 Cursor 如何帮助你编程。这个例子做的事情是网页抓取。抓取的目标是百度首页上的百度热搜#xff0c;如下…Cursor https://www.cursor.so/是 GPT-4 驱动的一款强大代码编辑器可以辅助程序员进行日常的编码。下面通过一个实际的例子来展示 Cursor 如何帮助你编程。这个例子做的事情是网页抓取。抓取的目标是百度首页上的百度热搜如下图所示。我用的是 JavaScript 来实现的。同时按下 Ctrl K给出的提示是抓取 https://www.baidu.com/ 网站上的百度热搜。Cursor 很快就给出了下面的一段代码。// 使用 axios 和 cheerio 库抓取 https://www.baidu.com/ 网站上的百度热搜
const axios require(axios);
const cheerio require(cheerio);async function fetchBaiduHotSearch() {try {const response await axios.get(https://www.baidu.com/);const $ cheerio.load(response.data);const hotSearchList [];$(.hotsearch-item).each((index, element) {const title $(element).find(.title-content-title).text().trim();hotSearchList.push(title);});console.log(hotSearchList);} catch (error) {console.error(Error fetching Baidu Hot Search:, error);}
}fetchBaiduHotSearch();我的问题是这段代码可以运行吗GPT-4 解释了这段代码的运行原理还告诉我要用 npm 安装 axios和 cheerio 库。运行了之后发现输出结果为空数组。把错误反馈给 GPT-4它建议查看网页结构中的CSS选择器。确认网页结构没有问题反馈给 GPT-4。它进一步建议修改 HTTP 的 User-Agent 头来绕开百度的反爬虫处理。按照 GPT-4 给出的代码进行修改。运行之后就得到了正确的结果。最后让 GPT-4 格式化一下代码就得到了最后可以使用的完整代码。下面是最后产生的代码const axios require(axios);
const cheerio require(cheerio);async function fetchBaiduHotSearch() {try {const response await axios.get(https://www.baidu.com/, {headers: {User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3,Referer: https://www.baidu.com/,},});const $ cheerio.load(response.data);const hotSearchList [];$(.hotsearch-item).each((index, element) {const title $(element).find(.title-content-title).text().trim();hotSearchList.push(title);});console.log(hotSearchList);} catch (error) {console.error(Error fetching Baidu Hot Search:, error);}
}fetchBaiduHotSearch();Cursor 充分展现了 GPT-4 在辅助程序员编程方面的能力。最重要的是Cursor 在国内可以直接访问和使用。赶紧下载使用吧。
