如何在Firefox或Chrome的Inspector中复制格式化显示的HTML代码

嘿，这个问题我太有共鸣了！网页源码那种挤成一团的格式真的看着头疼，还好Chrome和Firefox的开发者工具里都藏着能直接复制格式化代码的方法，完全和Inspector里显示的缩进、换行一模一样，给你拆成两款浏览器的具体操作：

• 先打开开发者工具：按F12或者Ctrl+Shift+I，也可以右键页面空白处选「检查」快速唤起
• 在「Elements」面板里找到你要复制的元素（可以用面板左上角的选择工具点击页面元素直接定位）
• 选中目标元素后右键点击，在弹出的菜单里展开「Copy」选项，选择Copy outer HTML——这就能把该元素连同所有子元素的格式化代码复制下来，和你在Inspector里看到的排版完全一致
• 如果只需要当前元素内部的代码（不含自身的标签），选Copy inner HTML就搞定

• 打开开发者工具：同样按F12或Ctrl+Shift+I，或者右键页面选「检查元素」
• 在「检查器」面板定位到目标元素
• 右键点击元素，在菜单里找到「复制」，选择复制外部HTML，就能拿到和检查器里显示格式完全匹配的代码
• 要复制内部内容的话，选复制内部HTML即可

另外提个小技巧：如果想复制整个页面的格式化代码，直接选中最顶层的<html>标签，再按上面的方法复制就行，粘贴到Sublime Text里绝对是整整齐齐的排版，再也不用对着View Source的乱码格式发愁啦！

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