Chrome与Firefox中console.log输出差异及属性隐藏问题咨询

别担心，这不是你的Firefox设置被误修改了，是两款浏览器DevTools对对象的默认展示策略不同导致的，具体原因可以从这几点来看：

• 内置对象的特殊处理逻辑：如果你的someObj是类似Geolocation API返回的Position/Coordinates这类浏览器内置对象，Firefox会把这类对象的部分属性归类到metadatas节点下，目的是让控制台输出更简洁，避免大量属性堆砌。而Chrome则更倾向于直接展开显示所有可枚举属性，所以视觉上差异明显。
• 属性可枚举性的展示区分：如果这个对象是你自定义的，那可能是latitude、longitude这些属性被设置成了不可枚举（比如用Object.defineProperty定义时没设enumerable: true）。Firefox会把不可枚举属性统一放到metadatas里，而Chrome会在展开对象后，把不可枚举属性单独放在一个“不可枚举属性”的折叠项里。

你可以通过这些方法验证和查看完整属性：

• 用console.dir(someObj)替代console.log(someObj)：console.dir会强制以目录树形式展示对象的所有属性，包括被Firefox折叠到metadatas里的内容。
• 右键控制台中的对象，选择“展开所有”选项，就能看到隐藏在metadatas下的全部属性。
• 执行Object.getOwnPropertyNames(someObj)，可以在控制台打印出对象的所有属性名称（不管是否可枚举），确认这些属性确实存在于对象中。

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