Firefox控制台显示冗余内容，如何隐藏null及不必要属性仅查看div内容？

• 控制台内置过滤：顶部过滤框输入 -null 可直接排除值为null的属性；也可输入目标关键词（如textContent）精准筛选你需要的内容。
• 精准打印内容：不要直接打印整个div元素，改用 console.log(div.textContent) 只输出文本内容；或者用 console.dir(div, {showHidden: false}) 隐藏默认展示的隐藏属性。
• 切换精简视图：在控制台的元素条目上右键，选择「精简视图」，会自动收起大量冗余属性，只展示核心内容。
• 自定义筛选函数：如果需要更个性化的过滤，可编写简单函数提取有用属性：

function filterDivProps(div) {
  // 按需添加你需要保留的属性
  const targetProps = ['id', 'className', 'textContent', 'offsetHeight'];
  return targetProps.reduce((result, prop) => {
    const val = div[prop];
    if (val !== null && val !== undefined) {
      result[prop] = val;
    }
    return result;
  }, {});
}
// 使用示例
console.log(filterDivProps(document.querySelector('你的div选择器')));

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