David Dias

检查并编写网页的打印样式，让正文在纸上更易阅读。可调整字体、布局和分页，隐藏导航与广告，并检查外部链接的网址是否显示在打印结果中。

• 让网页内容更适合纸上阅读
• 打印时隐藏导航和广告
• 调整打印文字、分页及网址显示

检查HTML、JS和CSS在传输时是否启用压缩，结合加载问题的实测结果与响应头，指导调整服务器或CDN的Gzip、Brotli设置，减少传输量。

• 排查移动网络下的页面加载缓慢
• 检查文本资源的压缩响应头
• 调整服务器或CDN压缩设置

检查文章和博客的发布日期与更新日期，完善面向读者的日期显示及供搜索引擎读取的结构化数据，并协助让更新日期反映正文的实质性变化。

• 检查博客文章的日期显示
• 为Article JSON-LD添加日期
• 检查CMS模板的日期输出

比较购买、注册等多页面流程中聊天、联系方式和常见问题入口的相对位置与顺序，找出布局差异，并协助统一配置，让用户持续找到帮助。

• 检查购买流程中的帮助布局
• 统一注册步骤中的支持链接
• 检查账户恢复时的帮助入口

检查生产环境JavaScript中遗留的console输出，支持删除、按环境禁用或替换为日志服务，并涵盖浏览器执行路径和修改后的验证方法。

• 发布前检查调试日志
• 区分开发和生产环境的日志
• 在构建时移除console输出

检查网站的CSP配置及HTML插入操作，协助限制可加载或执行的资源、采用安全的显示处理，并在接近生产的环境中验证实际HTTP响应和浏览器行为。

• 检查现有CSP配置
• 限制脚本与外部资源
• 检查不可信HTML的显示处理

检查禁用CSS后页面是否仍易于理解和操作，核对HTML阅读顺序、标题及表单标签，并帮助修改依赖视觉样式传达信息的结构。

• 检查禁用CSS后的页面可用性
• 调整阅读顺序和标题结构
• 检查表单标签及错误提示

检查网站是否在用户同意前启动分析、广告或跟踪标签，并核查拒绝、撤回同意及更改设置的行为，帮助修正标签控制逻辑。

• 检查同意前是否启动跟踪标签
• 核查拒绝及撤回同意后的行为
• 检查关闭横幅后的设置入口

检查网页打开后立即可见的重要图片，结合文件大小、显示尺寸、延迟加载和优先级设置，找出影响主要内容显示的问题，并协助调整加载方式。

• 检查主视觉图片的加载优先级
• 检查首屏图片是否启用延迟加载
• 使用DevTools验证图片修改

检查独立页面组件的CSS，建议用contain限制布局重新计算与重绘范围，并核对不同屏幕宽度和交互状态的显示效果，判断适合应用的位置。

• 检查包含大量独立组件的页面
• 跳过屏幕外列表项的渲染
• 确认不同屏幕宽度下的显示效果

提取页面初始显示所需的 CSS，直接嵌入 HTML，并将其余样式改为异步加载。同时检查不同屏幕宽度和交互状态下的布局，以改善页面初始显示。

• 检查拖慢初始显示的 CSS
• 提取首屏所需的 CSS
• 异步加载可延后的 CSS

检查切换图片或内容的轮播组件，协助修正自动播放的暂停操作、键盘导航、屏幕阅读器通知，以及对减少动态效果偏好的支持。

• 检查自动轮播的暂停操作
• 确认仅用键盘即可操作
• 检查幻灯片切换的朗读通知

检查面包屑导航的HTML结构与当前位置标记，调整元素和ARIA属性，让屏幕阅读器使用者也能理解网站层级，并核对显示路径与结构化数据。

• 检查面包屑导航的屏幕阅读器支持
• 核查共用组件输出的HTML
• 比对结构化数据与显示路径

检查浏览器收到的HTML是否正确声明UTF-8，找出声明缺失或位置不当的问题并修正，帮助防止日文、多语言文本及特殊字符显示乱码。

• 排查日文或特殊字符乱码
• 发布前检查字符编码声明
• 检查共用模板的HTML输出

检查 SharedArrayBuffer 等功能所需的跨源隔离，核查安全响应头及外部资源兼容性，指出可能失效的集成，并在浏览器中验证隔离是否成立。

• 检查 SharedArrayBuffer 使用条件
• 启用 COEP 前调查外部资源
• 确认对弹出窗口和嵌入内容的影响

实测页面加载缓慢的原因，检查图片、脚本等静态文件是否通过 CDN 妥善分发，核对缓存设置与分发路径，并指出造成额外通信或处理的具体环节。

• 调查页面加载缓慢的原因
• 检查图片和脚本的 CDN 分发
• 复查面向海外访问的缓存设置

检查价格、数值和日期时间的显示方式，帮助改用符合语言及地区规则的Intl API，同时检查固定货币符号、分隔符、排序和备用区域设置。

• 调整面向多个地区的价格显示
• 替换手动编写的数值和日期格式
• 检查符合语言规则的排序

检查CSS文件大小及加载方式，通过性能测量找出拖慢页面显示的样式表，并通过压缩、删除未使用的样式或按页面拆分文件来减少不必要的CSS。

• 排查页面首次显示缓慢的原因
• 查找体积过大的CSS文件
• 删除未使用的样式并压缩CSS

检查CSS样式覆盖冲突，用`@layer`明确样式优先顺序，协助整理分层结构，并审查对复杂选择器和`!important`的依赖。

• 排查CSS样式覆盖冲突
• 设计样式系统的优先顺序
• 逐步迁移以工具类为主的CSS

检查向搜索引擎声明首选页面地址的规范网址是否发生重定向，核对渲染后的网页和服务器响应，帮助将规范链接直接指向返回成功状态的最终网址。

• 检查规范网址是否发生重定向
• 更改网址后检查规范链接标签
• 审查生成规范网址的模板

检查网页文章中的事实、数字和引文是否有可靠来源，找出缺失引用的位置，协助添加相关外部链接和清晰的链接文字，并核查实际呈现的页面。

• 检查文章事实和数字的来源
• 添加官方信息或研究链接
• 修改来源链接的文字

测量页面加载时内容意外移动的程度并查找原因，检查图片尺寸、广告预留空间、字体显示和动画，提出改善布局稳定性的方案，减少误点击和阅读中断。

• 查找加载时内容移动的原因
• 为图片、嵌入内容和广告预留空间
• 检查字体和动画的显示稳定性

从代码和浏览器行为检查跨站通信，发现并修复 CORS 权限过宽、消息来源验证缺失及不安全跳转等问题，同时整理修复后的浏览器验证事项。

• 检查需身份验证的 API 的 CORS 配置
• 验证 postMessage 的消息来源
• 检查登录或 SSO 后的跳转目标

检查网页文字、输入框边框及传达含义的图标等元素的颜色对比度，涵盖悬停、聚焦等交互状态，并协助调整前景色或背景色，使配色符合WCAG标准。

• 检查文字与背景配色
• 检查输入框边框和图标的可辨识性
• 检查悬停及聚焦状态的颜色