微软的“DOM Inspector”

最新推荐文章于 2024-08-30 08:39:14 发布

TIB

最新推荐文章于 2024-08-30 08:39:14 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：自动化测试 \ 框架设计 QA、质量管理文章标签：微软测试 mozilla internet firefox image

本文链接：https://blog.youkuaiyun.com/Testing_is_believing/article/details/2080567

自动化测试 \ 框架设计同时被 2 个专栏收录

350 篇文章

订阅专栏

QA、质量管理

203 篇文章

订阅专栏

微软发布的IE Developer Toolbar插件，提供DOM查看器等功能，便于开发者进行页面元素定位、链接检查及自动化测试。支持显示类名、ID、链接路径，并具备清理缓存、验证HTML/CSS的能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原来微软在去年5月份的时候就发布了一个名为“Internet Explorer Developer Toolbar”的插件，其中就包含了DOM查看器的功能。其使用方法与IE DOM Inspector 和Mozilla firefox中的DOM Inspector的使用方法都类似。

下载地址：http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

另外，这个工具还有几个特别的功能，例如在页面中标识出页面元素的类名和ID，通过选择菜单“View | Class and ID Information”，则会在当前页面中把各元素的类名和ID显示出来。这样可以更加直观地把DOM信息与界面元素信息联系在一起，测试人员在设计页面自动化测试用例时可以借助这个功能来把业务操作涉及的界面元素映射到自动化测试程序中。

选择菜单“View | Links Path”则可以显示当前页面上所有可用链接，而且是直接在页面上标识出来，这个功能有助于直观地了解到页面的什么地方有链接，链接的目标地址是什么，而不用在页面上点击相关的链接后才知道。

另外像Table、Image这些DOM元素也可以类似的方法在当前页面上标识出来，比在树型的DOM对象树上查看直观得多，而且有助于宏观上的查看，可以“一眼观七”。

当然，既然其名为“Developer Toolbar”，当然不会仅限于DOM查看的功能了，还提供了清空浏览器Cache、Cookie的功能，这可用于Cookie测试；还有validate功能，包括对Html、CSS等的检查，以及Link、Accessibility的检查，可用于链接检查的测试和可访问性检查测试。