仅本机Chrome浏览器将网站小写文本显示为全大写问题咨询

本地Chrome独现文本全大写问题排查步骤 #

第一步：排查Chrome本地配置与扩展冲突 #

• 先使用Chrome无痕模式（快捷键Ctrl+Shift+N/Cmd+Shift+N）访问目标页面，若问题消失，说明是本地安装的扩展导致，逐一禁用广告拦截、样式修改、字体修改类扩展即可定位问题源。
• 若无痕模式仍复现问题，打开Chrome设置→外观→自定义字体，恢复默认字体配置后重试；也可以在地址栏输入chrome://flags/，点击「重置全部」后重启Chrome，排除实验特性导致的渲染异常。
• 若以上操作无效，可检查本机是否安装了网站调用的对应字体的特殊修改版本（部分第三方字体会默认将字符全部改为大写），卸载异常字体或将Chrome自定义字体改为系统默认字体即可。

第二步：确认样式渲染规则 #

在异常文本上右键选择「检查」，查看开发者工具右侧样式面板是否存在text-transform: uppercase规则：

• 若规则来源标注为「user stylesheet」，说明你本机Chrome配置了全局自定义样式覆盖了站点规则，删除对应自定义样式即可。
• 若规则属于站点CSS，先确认你访问的页面地址和同事完全一致，排除你访问的是站点测试/灰度版本的情况。

第三步：WordPress站点相关排查 #

• 按F12打开开发者工具后，右键点击地址栏左侧的刷新按钮，选择「清空缓存并硬性重新加载」，排除本地缓存了旧版异常CSS的问题。
• 若你是站点管理员，可临时禁用CSS压缩、CDN加速、动态样式生成类的WordPress插件后重试，部分插件会出现小范围客户端样式加载异常的问题。

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