网络测试页面-服务器版+CloudFlare版

#服务器版
创建一个网站根目录 #或使用现有的网站

1
/usr/share/nginx/generatel

在网站根目录下创建generate的文件

1
generate_204

generate_204代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
<head>
    <title>204 No Content</title>
    <script>
        window.onload = function() {
            document.getElementById("message").textContent = "No Content"; // 自定义消息
            setTimeout(function() {
                const start = performance.now();
                const statusCode = 204; // 可以根据需求修改状态码
                const responseTime = performance.now() - start;
                console.log("Response Time: " + responseTime + " ms"); // 测量延迟
                document.getElementById("response-status").textContent = "Status Code: " + statusCode;
                // 设置缓存控制
                fetch("/generate_204", { method: 'GET', cache: 'no-store' })
                    .then(res => {
                        if (res.ok) {
                            console.log("CORS supported");
                        }
                    });
            }, 1000);
        };
    </script>
</head>
<body>
    <h1 id="message"></h1>
    <h2 id="response-status"></h2>
</body>
</html>

Nginx配置文件：

配置文件路径

1
/etc/nginx/sites-available
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
server {
    listen 80;
    server_name 域名;

    root /usr/share/nginx/generatel;  # 更新根目录

    location /generate_204 {
        access_log /var/log/nginx/generate_204_access.log; # 记录访问日志
        add_header Access-Control-Allow-Origin *; # CORS支持
        add_header Cache-Control "no-store"; # 设置缓存控制
        return 204; # 返回204状态码
    }

    location = /generate_204 {  # 精确匹配
        # 直接处理生成204状态码的逻辑
        access_log /var/log/nginx/generate_204_access.log;
        add_header Access-Control-Allow-Origin *; 
        add_header Cache-Control "no-store"; 
        return 204; 
    }
}

添加符号链接：

1
sudo ln -s /etc/nginx/sites-available/配置文件 /etc/nginx/sites-enabled/

CloudFlare版

创建Workers 名称随意
编辑代码，替换为一下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
  const url = new URL(request.url);
  const startTime = Date.now();

  // 记录访问日志
  const clientIP = request.headers.get('cf-connecting-ip');
  console.log(`Request from: ${clientIP} at ${new Date().toISOString()}`);

  if (url.pathname === '/generate_204') {
      // 返回204状态
      const response = new Response(null, {
          status: 204,
          statusText: 'No Content'
      });
      // 设置CORS头
      response.headers.set('Access-Control-Allow-Origin', '*');

      // 测量延迟
      const endTime = Date.now();
      console.log(`Response time: ${endTime - startTime} ms`);

      return response;
  }

  // 返回404状态
  return new Response('Not Found', { status: 404 });
}

使用方法
https://自定义域名/generate_204