et-divi-customizer-global-cached-inline-style中Stray CSS找不到来源如何排查

1 先排除缓存干扰（优先级最高） #

• 执行全量缓存清除操作：先清Divi自带缓存（路径：Divi > 主题选项 > 生成器 > 清除静态CSS文件缓存），再删除站点/wp-content/et-cache/目录下的所有文件，之后清除站点缓存插件、服务器层面缓存（Nginx/Redis/对象缓存等），最后用浏览器无痕模式访问页面，确认stray CSS仍实际存在，排除缓存遗留旧样式的问题

2 排查Divi内置非全局CSS存储位置 #

这类CSS不会出现在Divi全局自定义CSS设置中，会被自动汇总到全局缓存inline样式：

• 单独页面/模块的自定义CSS：编辑任意页面时，页面设置面板的「自定义CSS」标签，以及每个模块高级设置下的自定义CSS字段
• Divi主题构建器模板CSS：所有全局模板、分类页模板、自定义模板的设置项自定义CSS，以及模板内添加的模块自定义CSS
• Divi预设CSS：已保存的模块预设、全局样式预设中添加的自定义CSS，应用到站点任意位置后都会被汇总进全局缓存

3 排查第三方注入的CSS来源 #

• WordPress核心额外CSS：路径为 外观 > 自定义 > 额外CSS，该功能为WordPress核心自带，不属于Divi的自定义CSS设置，内容存储在wp_options表关联的自定义文章类型中，直接检索数据库CSS字符串大概率无法匹配
• 子主题注入代码：如果使用Divi子主题，检查functions.php文件中是否有通过wp_enqueue_style、wp_head钩子或者Divi自带样式过滤器注入CSS的代码，这类动态输出的CSS会被Divi捕获合并到缓存样式
• 第三方插件注入：所有自定义代码插件、性能优化插件、页面增强插件都可能自动注入CSS到Divi全局样式缓存，可逐个禁用第三方插件，每次禁用后清缓存刷新页面，定位对应插件来源

内容的提问来源于stack exchange，提问作者Michael L Watson