微软的“DOM Inspector”

2024-03-26 06:48
文章标签 微软 dom inspector

本文主要是介绍微软的“DOM Inspector”,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

原来微软在去年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的检查,可用于链接检查的测试和可访问性检查测试。

这篇关于微软的“DOM Inspector”的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/847609

相关文章

微软正式推出 Spartan 斯巴达浏览器

作为用于替代 IE 浏览器的下一代继任者,微软的 Project Spartan 斯巴达浏览器可算是吊足了玩家们的胃口!如今,在最新的 Windows 10 Build 10049 版本起,它终于正式登场了。 斯巴达浏览器搭载了全新的渲染引擎、新的用户界面并集成了 Cortana 语音助手。功能上新增了稍后阅读列表、阅读视图、F12开发者工具、支持网页注释 (手写涂鸦),可以保存到 O

17 通过ref代替DOM用来获取元素和组件的引用

重点 ref :官网给出的解释是: ref: 用于注册对元素或子组件的引用。引用将在父组件的$refs 对象下注册。如果在普通DOM元素上使用,则引用将是该元素;如果在子组件上使用,则引用将是组件实例: <!-- vm.$refs.p will be the DOM node --><p ref="p">hello</p><!-- vm.$refs.child will be the c

react笔记 8-19 事件对象、获取dom元素、双向绑定

1、事件对象event 通过事件的event对象获取它的dom元素 run=(event)=>{event.target.style="background:yellowgreen" //event的父级为他本身event.target.getAttribute("aid") //这样便获取到了它的自定义属性aid}render() {return (<div><h2>{

DOM 添加节点

DOM 添加节点 在Web开发中,文档对象模型(DOM)是一个非常重要的概念。DOM是HTML和XML文档的编程接口,它将文档表示为节点树,允许开发人员通过JavaScript等脚本语言进行操作。在本文中,我们将探讨如何在DOM中添加节点,包括各种方法和最佳实践。 DOM节点简介 在DOM中,文档的每一个部分都是一个节点。主要的节点类型包括: 元素节点:HTML标签,例如<div>或<sp

js操作Dom节点拼接表单及ajax提交表单

有时候我们不希望html(jsp、vm)中有创建太多的标签(dom节点),所以这些任务都由js来做,下面提供套完整的表单提交流程,只需要在html中添加两个div其余的都由js来做吧。下面原生代码只需略微修改就能达到你想要的效果。 1、需要创建表单的点击事件 <a href="javascript:void(0);"onclick="changeSettleMoney('$!doctor.do

WebAPI (一)DOM树、DOM对象,操作元素样式(style className,classList)。表单元素属性。自定义属性。间歇函数定时器

文章目录 Web API基本认知一、 变量声明二、 DOM1. DOM 树2. DOM对象3. 获取DOM对象(1)、选择匹配的第一个元素(2)、选择匹配多个元素 三、 操作元素1. 操作元素内容2. 操作元素属性(1)、常用属性(href之类的)(2)、通过style属性操作CSS(3)、通过类名(className)操作CSS(4)、通过classList操作控制CSS(5)、操作表单

javaweb-day01-6(XML 解析 - Jaxp的DOM方式解析)

Jaxp解析开发包     JAXP 开发包是J2SE的一部分,它由javax.xml、org.w3c.dom 、org.xml.sax 包及其子包组成  在 javax.xml.parsers 包中,定义了几个工厂类,程序员调用这些工厂类,可以得到对xml文档进行解析的DOM 或SAX 的解析器对象。   DOM解析方式: 步骤: 1.        调用javax.xml.

jquery对象和dom对象-比较

jquery对象和dom对象-比较 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 DOM对象转jQuery对象 普通的Dom对象一般可以通过$()转换成jQuery对象。 如:$(document.getElementByI

微软C#套接字异步通信代码

Asynchronous Server Socket Example.NET Framework 4 其他版本 The following example program creates a server that receives connection requests from clients. The server is built with an asynchronous socket,