使用javascript检查网站资源

使用javascript检查网站资源,javascript,google-chrome-extension,Javascript,Google Chrome Extension,有没有一种方法可以使用注入的javascript来查看网站加载的资源?例如,在Reddit上,如果我查看resources选项卡,它有一个用于最近访问的子Reddit的文件夹。我想检查页面上是否存在作为资源的特定文件夹。这可能吗 以下是Chrome DevTools Sources选项卡的外观: 也许这个老答案可以帮助你 此代码为您提供页面中包含的所有外部资源的列表 var resources = window.performance.getEntriesByType("resource");

有没有一种方法可以使用注入的javascript来查看网站加载的资源?例如,在Reddit上,如果我查看resources选项卡,它有一个用于最近访问的子Reddit的文件夹。我想检查页面上是否存在作为资源的特定文件夹。这可能吗

以下是Chrome DevTools Sources选项卡的外观:

也许这个老答案可以帮助你

此代码为您提供页面中包含的所有外部资源的列表

var resources = window.performance.getEntriesByType("resource");
resources.forEach(function (resource) {
    console.log(resource.name);
});

在forEach循环中,您可以测试资源名称,如以下编辑的示例所示:

var resources = window.performance.getEntriesByType("resource");
resources.forEach(function (resource) {
    if (resource.name.includes("/yourfoldername/"){
     // DO WHAT YOU WANT IF YOUR FOLDER EXIST
    }
});

这似乎不像您想象的那样获得文件名。出于某种原因,resource.name返回的是URL而不是文件路径。