但是,当事情变得复杂时,也许您需要依靠XRAY这样的工具。
或者,您可以使用Firebug ,它也是一种非常流行的Web工具。
大多数浏览器都有内置工具来帮助您完成此任务。
通常,您可以使用网络检查工具来获取信息。
您是否曾经想知道网页中某个元素的确切大小,例如填充,边距,位置等?
与其他复杂的Web检查工具不同,XRAY专注于为您提供元素盒模型的完整信息 。
XRAY是一个免费的跨浏览器工具,可让您直接在浏览器中查看网页任何元素的框模型。
入门
XRAY可用于IE6 +,基于Webkit和基于Mozilla的浏览器,例如Safari和Firefox。
要使用它,请将XRAY拖到您喜欢的浏览器的书签栏中。
XRAY是一个书签。
与其他书签一样, 如果应用SSL协议(HTTPS) ,则XRAY 无法使用 。
检查元素
此框将显示有关所选元素的所有信息。
您将在浏览器中看到一个新的弹出框。
要开始检查,请打开要检查的任何网页, 确保其已完全加载 ,然后单击XRAY书签。
说我想知道以下元素的盒子模型信息。
让我们以检查XRAY 主页为例。
这给了我元素的名称,id,类,层次结构,位置,填充,边框和边距 。
我在书签栏中单击XRAY,然后选择元素。
要关闭此框,只需点击框右上角的X按钮或刷新页面即可退出该工具。
最终思想
无论如何,它仍然是日常使用中非常有用且易于使用的工具。
除了其先进的盒子模型检查功能外 ,XRAY还不能为您提供其他Web检查工具中常用的信息,例如style或DOM 。



