工具只显示网页中的标记大纲

Question

在给定网址的情况下，是否有任何工具执行以下操作？

1. 从页面中删除所有内容（所有文本），标记（所有html元素）
除外
2. 在页面
中为所有div，span，table，tr，td等添加边框
3. 保留div，span等的原始大小（即使它们现在是空的，就其中的数据而言）

Answer 1

您可以为此编写一个浏览器插件，因为使用Javascript并不难：

1. 为所有元素设置以下CSS规则：color: transparent;使文本透明
2. 将以下CSS规则添加到所需的所有元素：outline: 1px solid red;
3. 将自动发生颜色和轮廓属性

---

jQuery example at jsFiddle：

$('*').css( 'color', 'transparent !important' );
$('div, span, table, tr, td, ...').css( 'outline', '1px solid red !important' );