如何统计某个网站加载资源或者发送请求的时候,都使用了哪些域名

要统计某个网站在加载资源或者发送请求时使用的所有域名,可以通过以下方法进行:

  1. **使用浏览器开发者工具**:
  • 打开你的网站。

  • 按下 `F12` 打开开发者工具,或通过右键点击页面并选择"检查"。

  • 在开发者工具中,切换到 "网络"(Network) 面板。

  • 刷新页面,你会看到所有的网络请求。

  • 在"域名"或"名称"列中,你可以看到所有请求的 URL。可以手动统计这些 URL 中的域名。

  1. **使用浏览器扩展**:
  • 有些浏览器扩展可以帮助你统计网站请求的域名,比如 `Ghostery`、`uBlock Origin` 等。

  • 安装并启用这些扩展,它们会显示所有的请求并提供统计数据。

  1. **编写脚本**:
  • 你可以编写一个脚本来自动统计这些域名。以下是一个示例的 JavaScript 代码,可以在浏览器控制台中运行:
javascript 复制代码
(function() {
    const domains = new Set();
    const requests = performance.getEntriesByType('resource');
    requests.forEach(request => {
        try {
            const url = new URL(request.name);
            domains.add(url.hostname);
        } catch (e) {
            console.error('Invalid URL:', request.name);
        }
    });
    console.log('Domains used:', Array.from(domains));
})();

将以上代码复制并粘贴到开发者工具的控制台中运行,你会在控制台中看到所有请求的域名列表。

通过这些方法,你就可以统计出某个网站加载资源或者发送请求时使用的所有域名。

方法三中的脚本讲解

通过以下步骤统计网站加载资源或发送请求时使用的所有域名:

  1. **创建一个 Set 用于存储域名**:
javascript 复制代码
const domains = new Set();
  1. **获取所有的资源请求信息**:
  • 使用 `performance.getEntriesByType('resource')` 获取所有资源请求的性能条目。这些条目包括所有被请求的资源,如 CSS、JS、图像等。
javascript 复制代码
const requests = performance.getEntriesByType('resource');
  1. **遍历所有请求并提取域名**:
  • 对每个资源请求,尝试解析其 URL 并提取域名。

  • 使用 `new URL(request.name)` 解析 URL,并提取域名 `url.hostname`。

  • 将域名添加到 `Set` 中,确保不会有重复的域名。

javascript 复制代码
   requests.forEach(request => {
       try {
           const url = new URL(request.name);
           domains.add(url.hostname);
       } catch (e) {
           console.error('Invalid URL:', request.name);
       }
   });
  1. **输出所有独特的域名**:
  • 将 `Set` 转换为数组并打印出来。
javascript 复制代码
   console.log('Domains used:', Array.from(domains));

完整的脚本如下:

javascript 复制代码
(function() {
    const domains = new Set();
    const requests = performance.getEntriesByType('resource');
    requests.forEach(request => {
        try {
            const url = new URL(request.name);
            domains.add(url.hostname);
        } catch (e) {
            console.error('Invalid URL:', request.name);
        }
    });
    console.log('Domains used:', Array.from(domains));
})();

脚本原理总结

  • **`performance.getEntriesByType('resource')`**:获取所有资源请求的性能条目。

  • **`new URL(request.name)`**:创建 URL 对象以解析请求 URL。

  • **`url.hostname`**:提取 URL 中的域名。

  • **`Set`**:用于存储唯一的域名,避免重复。

  • **`Array.from(domains)`**:将 `Set` 转换为数组,便于输出。

通过这些步骤,该脚本能够统计网站加载资源或发送请求时使用的所有域名。

相关推荐
万少11 分钟前
用腻了 WorkBuddy 的默认界面?这个开源小工具给它换上了毛玻璃
前端·javascript·后端
To_OC2 小时前
LC 15 三数之和:双指针不难,难的是把去重做对
javascript·算法·leetcode
触底反弹2 小时前
🔥 前端也能玩转 AI 流式输出!从二进制流到打字机效果,一篇讲透
javascript·人工智能·node.js
胡萝卜术3 小时前
深度重构:Agent Skills——从 Prompt 工程到能力工程
javascript·架构·github
海上彼尚4 小时前
Nodejs也能写Agent - 16.LangGraph篇 - 条件分支与循环
前端·后端·langchain·node.js
To_OC5 小时前
从 “卡死半天” 到 “打字机效果”:大模型流式输出前端实现全记录
前端·javascript·llm
rockey6275 小时前
基于AScript的JavaScript脚本语言发布啦
javascript·c#·.net·js·script
SoaringHeart5 小时前
Flutter最佳实践:键盘辅助视图输入框天添加图片附件
前端·flutter
kyriewen6 小时前
我看完这篇安全论文——AI推荐的npm包,92%是编出来的
前端·javascript·ai编程
心中有国也有家6 小时前
AtomGit Flutter 鸿蒙客户端:Canvas 绘制进阶-路径、渐变与混合模式
android·javascript·flutter·华为·harmonyos