如何查找页面外的元素

时间:2012-11-20 10:44:11

标签: javascript css google-chrome-extension firefox-addon

我正在尝试修复slideout javascript菜单。问题是,尽管它应该显示第3级子菜单。我确信它与错误定位有关,元素显示在页面外的某个地方。

现在我的问题是:是否有浏览器扩展或其他方式来概述超出页面边界的元素?

谢谢!

编辑:好的,这很奇怪......根据它似乎在正确位置的坐标,它也有适当的尺寸,可见但我看不到它......我错过了什么?

2 个答案:

答案 0 :(得分:0)

是的,使用firebug(在Firefox中)或Chrome开发者控制台(CTRL + SHIFT + C)(在Chrome中),在html标签上找到您的菜单并查看计算的样式那个元素看看​​它在哪里。您还可以键入自己喜欢的任何样式,并查看它对菜单的影响。

答案 1 :(得分:0)

对于Firefox,Firebug允许您检查DOM;您可以使用HTML选项卡查找缺少的元素。当您单击该元素时,Firebug将突出显示该元素并覆盖指南,显示它的位置。它还会在右侧的“布局”选项卡中为您提供定位信息,您可以使用“样式”选项卡更改其样式来重新定位元素。

Chrome开发者工具已内置此功能;转到设置 - >工具 - >开发人员工具(或使用键盘快捷键Ctrl-Shift-I)将其激活。它与Firebug非常相似。