gpt4 book ai didi

javascript - 给定一个 url,脚本如何找到加载了哪些资源?

转载 作者:行者123 更新时间:2023-11-28 01:34:36 25 4
gpt4 key购买 nike

给定一个 url(例如 localhost:8000),脚本如何找到浏览器将加载哪些资源(通过 HTTP 请求)?

例如,假设 / 路由响应:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
some content
<img src="/foo.png" alt="">
</body>
</html>

将加载的资源是:

  • /css/style.css
  • foo.png

这很简单(只是通过 cheerio 左右的 dom 迭代),但它不是我认为应该的原生。

响应 HTML 中的迭代不适用于额外的 CSS @importbackground-image 等等。

使用浏览器加载的 CSS、图像和其他资源获取列表的 native 方法是什么?

也许可以通过 jsdom

最佳答案

@adeneo建议,缺少的关键字是 headless 浏览器。我发现通过 zombie library 非常简单.下面你可以看到一个小例子,但是the documentation is a great resource .

// Dependencies
var Browser = require("zombie");

// Load localhost:9000
Browser.localhost("localhost", 9000);

// Load the page from localhost,
// including js, css, images and iframes
var browser = new Browser({
features: "scripts css img iframe"
});

// Open the page and list the resources
browser.visit("/", function(error) {
console.log(browser.resources.map(function (c) {
return c.request.url;
}));
});

关于javascript - 给定一个 url,脚本如何找到加载了哪些资源?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28930232/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com