网站状态检测HTML源码

哎哟你干嘛 · 发表于 2025-3-11 08:56:56

用来监测网站是否可以正常访问（可检测多个）

可以快速知道自己网站运行状态。

网址管理功能

添加网址：用户可以在输入框中输入要监测的网页地址，点击 “添加网址” 按钮，工具会对输入的网址进行格式验证。验证通过后，网址会被添加到左侧面板的列表中，并且列表项后有 “删除” 按钮。

删除网址：在左侧面板的网址列表中，每个网址后面都有一个 “删除” 按钮，点击该按钮可以将对应的网址从监测列表中移除，同时也会从筛选下拉框中移除该网址选项。

筛选网址：右侧面板有一个 “筛选网址” 的下拉框，用户可以选择具体的网址进行筛选，只显示该网址的监测日志，也可以选择 “全部” 来显示所有网址的监测日志。

监测功能

设置监测间隔：用户可以在输入框中设置监测间隔时间（单位为秒），默认值为 60 秒。

开始 / 停止监测：点击 “开始监测” 按钮，工具会立即对所有已添加的网址进行一次检测，之后按照设置的监测间隔时间循环检测。点击 “停止监测” 按钮可停止监测。

重试机制：在进行网址检测时，如果请求失败，会进行最多 3 次重试，若重试后仍失败，则记录错误日志。

日志记录与显示功能

日志记录：每次对网址进行检测后，会记录网址的状态（正常或异常）、响应时间、时间戳以及错误信息（若有）。日志记录会存储在 logs 数组中，当日志数量超过 1000 条时，会移除最早的日志记录。

日志显示：右侧面板的日志容器会显示所有或筛选后的监测日志，正常状态的日志为黑色，异常状态的日志为红色。日志会自动滚动到最底部以显示最新信息。