Ionic 6+Cordova+Angular应用仅在iPad访问developers.google.com遇CORS错误

针对你遇到的iPad端CORS错误（仅在Safari调试刷新/重跑时触发，首次安装运行正常），给出以下针对性解决方案：

1. 延迟AngularFire初始化，等待Cordova WebView就绪 #

问题核心大概率是时序问题：AngularFire在Cordova的WebView完全初始化前就启动，导致请求的源标识异常，触发跨域限制。

修改初始化逻辑，确保等待deviceready事件后再初始化Firebase：

import { APP_INITIALIZER, NgModule } from '@angular/core';
import { Platform } from '@ionic/angular';
import { AngularFireModule } from '@angular/fire/compat';
import { environment } from '../environments/environment';

// 延迟初始化Firebase的工厂函数
export function firebaseInitializer(platform: Platform) {
  return () => platform.ready().then(() => {
    return AngularFireModule.initializeApp(environment.firebase);
  });
}

@NgModule({
  imports: [
    // 先传入空配置，后续通过APP_INITIALIZER完成初始化
    AngularFireModule.initializeApp({})
  ],
  providers: [
    {
      provide: APP_INITIALIZER,
      useFactory: firebaseInitializer,
      deps: [Platform],
      multi: true
    }
  ]
})
export class AppModule { }

2. 配置Cordova iOS WebView的跨域策略 #

iPad的WKWebView默认跨域限制比iPhone更严格，在config.xml中添加以下配置：

<platform name="ios">
  <!-- 启用WKWebView引擎 -->
  <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
  <feature name="CDVWKWebViewEngine">
    <param name="ios-package" value="CDVWKWebViewEngine" />
  </feature>
  <!-- 允许本地文件访问跨域资源 -->
  <preference name="AllowUniversalAccessFromFileURLs" value="true" />
  <preference name="AllowFileAccessFromFileURLs" value="true" />
</platform>

确保已安装cordova-plugin-wkwebview-engine插件，未安装的话执行：

cordova plugin add cordova-plugin-wkwebview-engine

3. 清除Safari调试工具的缓存 #

调试模式下的缓存可能保留了异常的跨域状态，操作步骤：

• 在Safari开发者工具中打开应用的检查页面
• 切换到Storage标签页
• 点击底部的Clear All按钮，清除所有缓存、Cookie和本地存储
• 重启应用后再调试

4. 检查Firebase授权域名 #

确认Firebase控制台中已添加应用的相关授权域名：

1. 打开Firebase控制台，进入你的项目
2. 导航到Authentication -> Sign-in method
3. 在Authorized domains区域，添加file://*和ionic://localhost（适配Cordova本地运行场景）

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