Ember.js 4.0及以上版本中，如何通过浏览器扩展访问Ember服务？

由于Ember 4.0及以上版本移除了全局window.Ember对象，原有的调试脚本需要调整，以下是两种适用于内部调试场景的可行方案：

方案一：利用Ember Inspector的调试API #

Ember Inspector浏览器扩展会在页面中暴露__EMBER_INSPECTOR__全局对象，通过它可以安全获取应用实例并查找所需服务，这是最可靠的调试方式：

// 检查Ember Inspector是否可用
const inspectorApi = window.__EMBER_INSPECTOR__?.api;
if (!inspectorApi) {
  throw new Error("Ember Inspector未安装或未启用");
}

// 获取当前应用实例
const appInstance = await inspectorApi.getAppInstance();

// 查找服务与适配器
const sessionService = appInstance.lookup('service:session');
const applicationAdapter = appInstance.lookup('adapter:application');

// 获取用户相关数据（Ember 3.13+支持直接属性访问）
const user = sessionService.user;
const userId = user?.id;
const userType = user?.type;
const userTypePath = applicationAdapter.pathForType(userType ?? 'user');

方案二：通过根组件实例获取应用实例 #

如果无法依赖Ember Inspector，可以通过页面根元素的Ember实例追溯到应用实例（仅适用于调试模式）：

// 获取应用根元素（通常ID为ember-app，需根据实际项目调整）
const rootElement = document.getElementById('ember-app');
const rootInstance = rootElement?.__ember__;

if (!rootInstance) {
  throw new Error("无法找到Ember根组件实例");
}

// 获取应用实例
const appInstance = rootInstance.owner;

// 后续操作同方案一
const sessionService = appInstance.lookup('service:session');
const applicationAdapter = appInstance.lookup('adapter:application');
// ... 其余数据获取代码

注意事项 #

• 以上方法均依赖Ember的内部调试机制，仅适用于内部调试、支持场景，禁止在生产环境代码中使用。
• Ember 3.13及以上版本推荐直接通过属性访问替代get()方法，因此脚本中移除了原有的sessionService.get()调用。
• 确保目标应用运行在调试模式（开发环境默认开启，内部生产环境可通过配置启用）。

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