首页 > 文章 > 前端

PowerShell批量检测HTMLCSS路径是否正确

时间：2026-04-03 23:37:28 175浏览收藏

这篇文章介绍了一种利用PowerShell脚本批量验证HTML文件中CSS路径有效性的实用方法：通过自动解析HTML中的``标签、提取并规范化相对路径，再检查对应CSS文件是否真实存在于本地磁盘，从而快速识别缺失或错误的样式表资源；脚本简洁易用、支持多扩展名和递归扫描，特别适合静态网站维护、前端项目迁移或资源整理等场景，让开发者在Windows环境下高效保障网页资源的完整性与可用性。

Windows PowerShell批量检查HTML中CSS路径是否正确

在Windows系统中，可以使用PowerShell快速批量检查HTML文件中的CSS路径是否正确。这种方法适用于静态网站维护、前端项目迁移或资源整理等场景。

1. 检查原理说明

通过读取HTML文件内容，提取所有标签中的 href 属性（特别是类型为 text/css 的样式表链接），然后判断对应CSS文件在磁盘上是否存在。

2. PowerShell脚本实现

将以下脚本保存为 Check-CssPaths.ps1，并运行：

# 设置HTML文件所在目录
$HtmlDirectory = "C:\your\html\folder"  # 修改为你的HTML文件夹路径

# 获取所有 .html 文件
Get-ChildItem -Path $HtmlDirectory -Filter *.html | ForEach-Object {
    $FilePath = $_.FullName
    $Content = Get-Content -Path $FilePath -Raw
    $FileName = $_.Name

    # 使用正则匹配 link[rel="stylesheet"] 的 href 属性
    $Matches = [regex]::Matches($Content, '<link[^>]+rel\s*=\s*["'']stylesheet["''][^>]*href\s*=\s*["'']([^"'']+)["'']', 'IgnoreCase')

    foreach ($Match in $Matches) {
        $CssUrl = $Match.Groups[1].Value

        # 转换URL为本地相对路径（移除查询参数，处理 / 或 \）
        $CssPath = $CssUrl -split '[?#]' | Select-Object -First 1
        $CssFullPath = Join-Path -Path $HtmlDirectory -ChildPath $CssPath
        $CssFullPath = $CssFullPath -replace '/', '\'

        if (-Not (Test-Path $CssFullPath)) {
            Write-Host "❌ CSS 文件未找到: $CssFullPath" -ForegroundColor Red
            Write-Host "   来自 HTML: $FileName (链接: $CssUrl)" -ForegroundColor Yellow
        }
        else {
            Write-Host "✅ 正常: $CssUrl -> $CssFullPath" -ForegroundColor Green
        }
    }
}