Chrome出现未记载的用户代理样式表隐藏div问题求助

• 优先排查浏览器扩展：隐身模式默认禁用所有扩展，而问题仅在常规模式出现，扩展是最可能的原因。打开Chrome扩展管理页面，逐个禁用扩展并刷新问题页面，找到导致样式生效的扩展（广告拦截、隐私防护类扩展概率最高，这类工具常通过自定义规则隐藏特定类名的元素）。

• 检查用户自定义样式表：Chrome支持用户添加全局自定义样式，路径因系统而异：

  • Windows：%LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
  • Mac：~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
    打开这个文件，查看是否存在.socio { display: none!important; }这类规则。

• 排查用户脚本：若安装了Tampermonkey等用户脚本管理器，检查已安装的脚本中是否有针对.socio类的隐藏逻辑，临时禁用所有脚本后测试页面。

• 验证Chrome配置文件：新建一个干净的Chrome用户配置（右上角头像→添加），用新配置打开问题页面。如果元素不再隐藏，说明原配置中的自定义内容（扩展、脚本、样式）是问题根源。

• 重置Chrome实验性特性：在地址栏输入chrome://flags，点击页面底部的「重置所有为默认值」，重启浏览器后测试。部分实验性flag可能引入非官方样式规则。

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