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

最新推荐文章于 2019-04-14 06:33:55 发布

weixin_34247032

最新推荐文章于 2019-04-14 06:33:55 发布

阅读量68

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/birdshome/archive/2005/09/26/DOMExplorer.html

博客指出微软做事常慢半拍，如推出DOM Explorer插件。该插件与Firefox的DOM Inspector功能无本质区别，但使用更顺手，不过不支持JavaScript Object浏览。文中还列举了DOM Explorer的主要功能及作为beta版存在的八个不足，总体认为其对调试Web页面有较大帮助。

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

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

    在Firefox中察看Web页面的DOM结构，我们使用的是一个叫DOM Inspector的插件，如下图：


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


    虽然微软慢半拍，但是不得不承认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页面带来了很大的方便的，值得一用。