关于DOM Explorer插件的功能和问题

简介:
不知道从什么时候开始,微软做事情总是要比别人慢上一拍,而且常常还需要别人来push他。从google的search到msn的search,从google的map到msn的map,再从firefox红火到IE7项目的"被迫"启动;其实这些东西对微软来说,也都不是一蹴而就的事情,可是微软就是要比别人慢半拍才过瘾。这不,当大家都说firefox可以方便的查看Web页面的DOM时,微软马上又收拾收拾给我们弄了个DOM Explorer出来。

    在Firefox中察看Web页面的DOM结构,我们使用的是一个叫DOM Inspector的插件,如下图:
    DOMInspector.png

    微软慢半拍给我们弄出的IE插件叫DOM Explorer,其运行效果如下图(Pinned View):
    DOMExplorer.png

    虽然微软慢半拍,但是不得不承认DOM Explorer用起来确实比DOM Inspector要顺手些。在主要功能上两个插件没有本质的区别,只有细节上的差异,只是DOM Explorer不提供DOM Inspector支持的JavaScript Object浏览功能。

    DOM Explorer主要的功能有:
    Explore and modify the document object model (DOM) of a Web page.
    Locate and select specific elements on a Web page through a variety of techniques.
    Selectively disable Internet Explorer settings.
    View HTML object class names, ID's, and details such as link paths, tab index values, and access keys.
    Outline tables, table cells, images, or selected tags.
    Validate HTML, CSS, WAI, and RSS Web feed links.
    Display image dimensions, file sizes, path information, and alternate (ALT) text.
    Immediately resize the browser window to a new resolution.
    Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.
    Choose direct links to W3C specification references, the Internet Explorer team weblog (blog), and other resources.
    Display a fully featured design ruler to help accurately align objects on your pages.

    从我的使用来看,DOM Explorer主要有以下不足和问题(当然这个插件还是beta版):
    1、在使用Outline功能时,不能记录自定义的标签和色彩映射的设置,关闭浏览器下次开启,设置就都还原成default的了;
    2、Outline功能效率不高,特别是highlight表格的Cell边框时,如果页面中的Cell稍多,将有很长时间IE如死机似的等待;
    3、不能察看模态窗口内的DOM结构,虽然DOM Explorer默认是Pinned在IE里的(如上图),不过即使我们把DOM Explorer窗口Unpin后,还是不能察看模态窗口内的DOM;
    4、在有框架的页面中,使用Outline功能显示元素边框时,会带来莫名其妙的混乱;
    5、DOM Explorer不能浏览跨域IFrame页面内的DOM结构,类似脚本不能垮域访问页面内容一样,不过在这里不能访问却有些莫名其妙,因为安全性根本不是这时的问题;
    6、Find菜单中的Find Next条目无快捷键,这样一来当被Find的内容比较多时,每次要从菜单里去选Find Next条目,极大的降低了该功能的可用性;
    7、中间元素属性窗口中的R/O属性不能复制,比如SPAN的InnerHTML、OuterHTML,是只能看不能复制的,如果想Copy出来,只能干瞪眼;
    8、Image Report & View Cookie不能选择Encoding,而如果页面中有中文内容,这两个页面内的中文都是乱码的说。

    一口气居然给这个小小的插件列了八个问题和不足,不过不要被我吓倒了,让你觉得这个东西就像个垃圾似的。实际上DOM Explorer还是给我们调试Web页面带来了很大的方便的,值得一用。


本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

目录
相关文章
|
2月前
|
JavaScript API
vue选项式API和组合式Api
vue选项式API和组合式Api
|
5月前
|
Web App开发 前端开发 JavaScript
JavaScript浏览器开发者工具和常用的IDE的调试功能
JavaScript浏览器开发者工具和常用的IDE的调试功能
|
7月前
|
存储 JavaScript 前端开发
jQuery 常用API
jQuery 常用API
30 0
|
8月前
|
JavaScript 前端开发 API
jQuery 常用API 2
jQuery 常用API
53 0
|
8月前
|
JavaScript API
jQuery 常用API 1
jQuery 常用API
50 0
|
8月前
|
缓存 JavaScript 程序员
jQuery 常用API 3
jQuery 常用API
45 0
|
测试技术
插件调试
插件调试
79 0
|
JavaScript
chrome3-使用element调试dom 查看和调试dom节点
chrome3-使用element调试dom 查看和调试dom节点
72 0
chrome3-使用element调试dom 查看和调试dom节点
|
JavaScript
chrome6-在dom中调试节点
chrome6-在dom中调试节点
57 0
chrome6-在dom中调试节点
|
Web App开发 JavaScript 前端开发
chrome调试12-调试javascript的流程
chrome调试12-调试javascript的流程
147 0
chrome调试12-调试javascript的流程