如何在Chrome及Firefox审查窗口中查找网页元素的innerText和outerHTML

• 右键点击目标元素，选择「审查元素」，对应DOM节点会在开发者工具的「审查器」面板中自动高亮选中
• 方法1（直接查看属性值）：切换到右侧的「属性」面板，向下滚动即可直接找到innerText和outerHTML的实时数值
• 方法2（控制台调用）：切换到「控制台」面板，输入$0.innerText回车即可获得innerText，输入$0.outerHTML回车即可获得outerHTML，其中$0是浏览器默认提供的快捷引用，指向你最近一次在元素面板选中的DOM节点
• 方法3（快速复制）：右键点击审查器中高亮的元素条目，选择「复制」→「复制内部文本」/「复制外部HTML」，可直接将对应内容复制到剪贴板

• 右键点击目标元素，选择「检查」，对应DOM节点会在开发者工具的「元素」面板中自动高亮选中
• 方法1（直接查看属性值）：在右侧面板找到「属性」标签，向下滚动即可看到innerText和outerHTML的实时数值
• 方法2（控制台调用）：切换到「控制台」面板，输入$0.innerText回车获取innerText，输入$0.outerHTML回车获取outerHTML，Chrome同样支持$0快捷引用规则
• 方法3（快速复制）：右键点击元素面板中高亮的元素条目，选择「复制」→「复制文本内容」/「复制outerHTML」，直接导出对应内容

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