在Django中对比HTML代码时如何忽略空白行以得到一致结果

要让对比逻辑无视空白行的影响，得先对两个HTML文件的内容做预处理——过滤掉所有只含空白字符（空格、制表符、换行）的行，再用difflib对比处理后的内容。

下面是修改后的views.py里的function_comparison函数：

import difflib
from django.http import JsonResponse

def function_comparison(request):
    # 读取两个HTML文件内容
    with open('user_input.html', 'r', encoding='utf-8') as f1:
        user_lines = f1.readlines()
    with open('source_compare.html', 'r', encoding='utf-8') as f2:
        source_lines = f2.readlines()
    
    # 定义过滤空白行的工具函数
    def strip_blank_lines(lines):
        # 保留非空行（过滤纯空白行，同时去除每行末尾的换行符）
        return [line.rstrip('\n') for line in lines if line.strip()]
    
    # 对两行内容做空白行过滤
    cleaned_user = strip_blank_lines(user_lines)
    cleaned_source = strip_blank_lines(source_lines)
    
    # 对比处理后的内容
    match = difflib.SequenceMatcher(None, cleaned_user, cleaned_source)
    is_identical = match.ratio() == 1.0
    
    return JsonResponse({
        'message': 'Yes, it is the same!' if is_identical else 'No, it is not the same!'
    })

核心逻辑说明： #

• strip_blank_lines函数：遍历每一行，用strip()判断是否为纯空白行，是就直接过滤；保留的行去掉末尾换行符，避免换行符数量不同导致的误判。
• 用SequenceMatcher对比过滤后的行列表：如果两个列表完全一致，ratio()会返回1.0，此时判定内容相同。

进阶优化（可选）： #

如果还要忽略HTML标签里的多余空格（比如属性之间的空格、标签前后的空白），可以用BeautifulSoup标准化HTML结构后再对比：

from bs4 import BeautifulSoup

def normalize_html(html_text):
    soup = BeautifulSoup(html_text, 'html.parser')
    # 格式化HTML，自动统一空白和结构
    return soup.prettify()

# 读取文件后先标准化HTML
with open('user_input.html', 'r', encoding='utf-8') as f1:
    user_html = normalize_html(f1.read())
with open('source_compare.html', 'r', encoding='utf-8') as f2:
    source_html = normalize_html(f2.read())

# 拆分成行再过滤空白行
cleaned_user = strip_blank_lines(user_html.splitlines())
cleaned_source = strip_blank_lines(source_html.splitlines())

这种方式能更精准地忽略HTML格式差异，只对比实际的页面结构和内容。

内容的提问来源于stack exchange，提问作者Nodigap