javascript - 在javascript中延迟后获取网站内容

Question

我需要加载一个网站并搜索特定的 div id 来获取内容。问题是:当 axios/http/whatever 返回响应时，div 还不存在，因为这个 div 在某个请求后被附加到 html 中。我不需要“第一个”响应，我需要一段延迟后的响应，比如 3 秒，因为 div 会在那里。

const getWebsiteContent = async (url) => {
  try {
    const response = await axios.get(url)
    const $ = cheerio.load(response.data)
    // div is not here yet
  } catch (error) {
    console.log(error)
  }
}

Answer 1

the div is not there yet, because this div is appended into the html after some request

这意味着它是通过 JavaScript 添加或加载到框架中的，而 axios 不执行此操作(它只是读取页面源代码)，它只是从 URL 读取数据。等待是没有帮助的，因为它永远不会加载。

相反，您可能希望确定数据实际从何处加载，并通过另一个请求以编程方式获取该数据。或者，您可以使用 headless 浏览器，但这会产生更多开销。