加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

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

(2007-12-05 10:10:48)
标签:

IT/科技

dom

explorer

 关于DOM Explorer插件的功能和问题
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    不知道从什么时候开始,微软做事情总是要比别人慢上一拍,而且常常还需要别人来push他。从google的search到msn的search,从 google的map到msn的map,再从firefox红火到IE7项目的"被迫"启动;其实这些东西对微软来说,也都不是一蹴而就的事情,可是微软就是要比别人慢半拍才过瘾。这不,当大家都说firefox可以方便的查看Web页面的DOM时,微软马上又收拾收拾给我们弄了个DOM Explorer出来。
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    在Firefox中察看Web页面的DOM结构,我们使用的是一个叫DOM Inspector的插件,如下图:
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    DOMInspector.png
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    微软慢半拍给我们弄出的IE插件叫DOM Explorer,其运行效果如下图(Pinned View):
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    DOMExplorer.png
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    虽然微软慢半拍,但是不得不承认DOM Explorer用起来确实比DOM Inspector要顺手些。在主要功能上两个插件没有本质的区别,只有细节上的差异,只是DOM Explorer不提供DOM Inspector支持的JavaScript Object浏览功能。
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    DOM Explorer主要的功能有:
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    Explore and modify the document object model (DOM) of Web page.
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    Locate and select specific elements on Web page through variety of techniques.
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    Selectively disable Internet Explorer settings.
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    View HTML object class names, ID's, and details such as link paths, tab index values, and access keys.
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    Outline tables, table cells, images, or selected tags.
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    Validate HTML, CSS, WAI, and RSS Web feed links.
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    Display image dimensions, file sizes, path information, and alternate (ALT) text.
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    Immediately resize the browser window to new resolution.
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with given domain.
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    Choose direct links to W3C specification references, the Internet Explorer team weblog (blog), and other resources.
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    Display fully featured design ruler to help accurately align objects on your pages.
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    从我的使用来看,DOM Explorer主要有以下不足和问题(当然这个插件还是beta版):
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    1、在使用Outline功能时,不能记录自定义的标签和色彩映射的设置,关闭浏览器下次开启,设置就都还原成default的了;
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    2、Outline功能效率不高,特别是highlight表格的Cell边框时,如果页面中的Cell稍多,将有很长时间IE如死机似的等待;
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    3、不能察看模态窗口内的DOM结构,虽然DOM Explorer默认是Pinned在IE里的(如上图),不过即使我们把DOM Explorer窗口Unpin后,还是不能察看模态窗口内的DOM;
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    4、在有框架的页面中,使用Outline功能显示元素边框时,会带来莫名其妙的混乱;
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    5、DOM Explorer不能浏览跨域IFrame页面内的DOM结构,类似脚本不能垮域访问页面内容一样,不过在这里不能访问却有些莫名其妙,因为安全性根本不是这时的问题;
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    6、Find菜单中的Find Next条目无快捷键,这样一来当被Find的内容比较多时,每次要从菜单里去选Find Next条目,极大的降低了该功能的可用性;
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    7、中间元素属性窗口中的R/O属性不能复制,比如SPAN的InnerHTML、OuterHTML,是只能看不能复制的,如果想Copy出来,只能干瞪眼;
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    8、Image Report View Cookie不能选择Encoding,而如果页面中有中文内容,这两个页面内的中文都是乱码的说。
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />
http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gifExplorer插件的功能和问题" />    一口气居然给这个小小的插件列了八个问题和不足,不过不要被我吓倒了,让你觉得这个东西就像个垃圾似的。实际上DOM Explorer还是给我们调试Web页面带来了很大的方便的,值得一用。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有