如何在Xcode控制台查看Ionic/AngularJS应用的userData变量内容？

我之前开发Ionic/AngularJS应用时，也被Xcode控制台这个问题坑过——默认日志对JS复杂对象/数组的支持真的很差，简单字符串、数字能正常显示，一到嵌套结构就看不到内部内容。针对你遇到的Facebook登录插件返回的userData变量，给你几个实用的解决办法：

1. 在JS层将对象转为JSON字符串输出 #

这是最快捷的临时解决方案，直接把userData转换成格式化的JSON字符串，就能在Xcode控制台看到完整的结构了。在你的登录回调代码里改成这样：

// 假设你的登录回调逻辑如下
facebookConnectPlugin.login(['public_profile', 'user_birthday'], function(userData) {
    // 用JSON.stringify格式化输出完整结构
    console.log('User Data:', JSON.stringify(userData, null, 2));
}, function(error) {
    console.error('Login error:', error);
});

这里JSON.stringify的第二个参数null表示不过滤任何属性，第三个参数2是设置缩进为2个空格，让输出的JSON结构更易读。

2. 在Swift原生层添加调试辅助方法 #

如果你需要在原生Swift代码里查看插件传递过来的userData，可以写一个专门的序列化打印方法，把字典/数组转换成漂亮的JSON字符串输出：

func printFormattedData(_ data: Any) {
    do {
        let jsonData = try JSONSerialization.data(withJSONObject: data, options: [.prettyPrinted])
        guard let jsonString = String(data: jsonData, encoding: .utf8) else {
            print("Failed to convert data to string")
            return
        }
        print("\n=== User Data Detail ===\n\(jsonString)\n========================")
    } catch {
        print("Error serializing data: \(error.localizedDescription)")
    }
}

然后在Cordova插件的回调处理代码里，调用这个方法把userData传进去就行，比如：

// 假设插件回调返回的是[AnyHashable: Any]类型的userData
if let userData = result as? [AnyHashable: Any] {
    printFormattedData(userData)
}

3. 用Chrome DevTools进行JS层调试 #

长期开发的话，更推荐用Chrome的远程调试功能，比Xcode控制台好用太多，能直接查看JS对象的完整结构，还能断点调试：

• 用Xcode把应用运行到模拟器或真机上
• 打开Chrome浏览器，在地址栏输入chrome://inspect
• 在页面中找到你的Ionic应用，点击「inspect」打开DevTools
• 在DevTools的Console面板里，就能直接输出并查看userData的所有属性，甚至可以展开嵌套结构逐一看细节

以上几种方法都能解决你看不到userData内部结构的问题，优先试试第一种，简单高效；如果需要原生层调试就用第二种；日常开发用第三种会更顺畅。

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