要统计某个网站在加载资源或者发送请求时使用的所有域名,可以通过以下方法进行:
- **使用浏览器开发者工具**:
-
打开你的网站。
-
按下 `F12` 打开开发者工具,或通过右键点击页面并选择"检查"。
-
在开发者工具中,切换到 "网络"(Network) 面板。
-
刷新页面,你会看到所有的网络请求。
-
在"域名"或"名称"列中,你可以看到所有请求的 URL。可以手动统计这些 URL 中的域名。
- **使用浏览器扩展**:
-
有些浏览器扩展可以帮助你统计网站请求的域名,比如 `Ghostery`、`uBlock Origin` 等。
-
安装并启用这些扩展,它们会显示所有的请求并提供统计数据。
- **编写脚本**:
- 你可以编写一个脚本来自动统计这些域名。以下是一个示例的 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));
})();
将以上代码复制并粘贴到开发者工具的控制台中运行,你会在控制台中看到所有请求的域名列表。
通过这些方法,你就可以统计出某个网站加载资源或者发送请求时使用的所有域名。
方法三中的脚本讲解
通过以下步骤统计网站加载资源或发送请求时使用的所有域名:
- **创建一个 Set 用于存储域名**:
javascript
const domains = new Set();
- **获取所有的资源请求信息**:
- 使用 `performance.getEntriesByType('resource')` 获取所有资源请求的性能条目。这些条目包括所有被请求的资源,如 CSS、JS、图像等。
javascript
const requests = performance.getEntriesByType('resource');
- **遍历所有请求并提取域名**:
-
对每个资源请求,尝试解析其 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);
}
});
- **输出所有独特的域名**:
- 将 `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` 转换为数组,便于输出。
通过这些步骤,该脚本能够统计网站加载资源或发送请求时使用的所有域名。