MAMP Pro环境下Drupal 9站点在Firefox中无样式渲染问题求助

• 静态资源MIME类型校验问题
  MAMP Pro的Apache默认配置和免费版可能有差异，Firefox对资源MIME类型的校验比其他浏览器更严格。检查Apache的httpd.conf或对应虚拟主机配置文件，确认是否包含以下规则：

AddType text/css .css
AddType application/javascript .js

如果缺失，Firefox会拒绝解析CSS/JS资源，直接导致无样式页面。

• Firefox缓存干扰
  即便HTML源码一致，Firefox可能缓存了旧的错误资源。试试这两种操作：

  • 按Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新，完全绕过本地缓存
  • 清除站点专属缓存：打开Firefox设置→隐私与安全→清除数据，只勾选“缓存”后执行清除

• CORS配置冲突
  MAMP Pro的虚拟主机可能默认添加了CORS限制规则，而免费版没有。检查Apache配置里是否存在多余的Header set Access-Control-Allow-Origin设置，或者Drupal的settings.php中是否有跨域相关配置。Firefox对跨域资源拦截更严格，一旦CSS/JS被判定为跨域，就会阻止加载。

• Drupal聚合功能异常
  Drupal的CSS/JS聚合在MAMP Pro环境下可能生成了Firefox不兼容的资源。可以先临时关闭聚合测试：

  • 进入Drupal后台→配置→开发→性能，取消勾选“聚合CSS文件”和“聚合JavaScript文件”，保存后刷新页面
  • 如果关闭后样式恢复，说明聚合后的资源有编码或语法问题，清空Drupal缓存（后台清除或用drush cr命令）后再重新开启聚合试试

• PHP输出缓冲设置问题
  虽然你的PHP配置里memory_limit=-1，但MAMP Pro的output_buffering设置可能和免费版不同。打开php.ini找到output_buffering项，尝试设为Off或4096，重启Apache后再测试页面。

• Firefox增强保护拦截
  检查Firefox地址栏的盾牌图标，点击后选择“禁用保护”再刷新页面。如果样式恢复，说明站点资源被增强跟踪保护拦截了，把站点加入保护例外列表即可。

内容的提问来源于stack exchange，提问作者Ricardo Castañeda