html结构一致性验证不能靠肉眼，须聚焦核心容器提取outerhtml并解析后比对；需断言语义标签存在性、表单属性与验证逻辑、清空存储并禁用干扰项，且明确目标浏览器特性支持范围。
HTML结构在不同浏览器中表现不一致，不能靠肉眼比对，必须用可复现、可断言的方式验证。
用Selenium定位并比对关键HTML节点的outerHTML
直接比对整个页面HTML不可靠（注释、空格、动态插入脚本等干扰太多），真正有效的做法是聚焦核心容器或语义区块，提取其outerHTML做字符串级比对。
- 优先选有明确
id或稳定class的根元素，比如<main id="content"></main>或<article class="post-body"></article> - 用
driver.find_element(By.ID, "content").get_attribute("outerHTML")获取原始HTML片段 - 注意：Firefox和Chrome对
outerHTML中属性顺序、引号风格（单/双）处理略有差异，建议统一用html.parser解析后再序列化，或只比对标签名、属性存在性、文本内容 - 避免比对含时间戳、随机ID、用户态数据的区域（如
<div data-timestamp="1719766720">） <h3>检测HTML5语义标签是否被正确解析（如<code><header></header>、<nav></nav>）老版本IE或某些Android WebView会把未知标签当普通
<span></span>处理，导致CSS失效、JS查询不到——这不是样式问题，是DOM树构建失败。
Comet AI 浏览器下载下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
- 不要只检查CSS是否生效，要查
document.querySelectorAll("header").length是否大于0 - 用
driver.execute_script("return document.querySelectorAll('header').length")执行JS断言 - 若返回0，说明浏览器未识别该标签，需引入
html5shiv或改用<div role="banner">降级 <li>特别注意<code><dialog></dialog>、<slot></slot>等较新标签，在Chrome 93+才稳定支持，旧Edge或Safari需单独覆盖测试 - 验证点分两层：DOM层（
element.get_attribute("required")是否为"true"）和UI层（element.get_attribute("validationMessage")是否非空） - 对
type="date"这类控件，不同浏览器渲染成原生日历/文本框/完全不显示，此时应跳过UI断言，只确认input.type === "date"且能接受ISO格式值 - 用
driver.find_element(By.CSS_SELECTOR, "input[type='email']").send_keys("invalid@")后立即调用is_valid = driver.execute_script("return arguments[0].checkValidity();", element)，比监听submit事件更可靠 - 启动Chrome时加参数
--disable-extensions --no-sandbox --disable-gpu --disable-dev-shm-usage，避免插件注入干扰 - Firefox需显式设置
profile.set_preference("dom.webnotifications.enabled", False)关闭通知弹窗拦截 - 所有浏览器都应禁用图片加载：
chrome_options.add_argument("--blink-settings=imagesEnabled=false")，防止<img>加载失败影响offsetHeight等布局判断 - 最关键的：每次测试前清空
localStorage和sessionStorage，用driver.execute_script("window.localStorage.clear(); window.sessionStorage.clear();")
跨浏览器验证表单控件渲染与属性映射是否一致
同一段
<input type="email" required>在Chrome里显示带红边框的验证态，在Firefox里可能只高亮文字，而Safari甚至忽略required——但DOM属性始终存在，关键看浏览器是否按规范触发验证逻辑。规避WebDriver启动时的默认行为干扰
Chrome和Firefox启动时自带不同User Agent、默认字体、禁用扩展等，会导致
font-family回退链、localStorage初始状态、甚至matchMedia媒体查询结果不一致——这些不是HTML结构问题，但会让DOM计算结果产生偏差。最易被忽略的是：HTML结构一致性 ≠ 渲染一致性。Selenium能抓到DOM树，但抓不到渲染树；
outerHTML一致不代表盒模型一致，display: flex在旧版Safari里可能根本没生效。真要保结构，得先确保目标浏览器版本明确支持所用特性，再用Selenium锁死验证范围——别让它替你猜兼容性。 - 不要只检查CSS是否生效，要查
