傲游(Maxthon)实用插件之网页分析工具ViewPage

三、查看和获取网页信息、资源

1、HTML Dom 树的查看

当你遇到一个喜欢的网页时，想要学习该网页上的制作技巧、引用网页的脚本时，“ViewPage”就派上大用场了。在Maxthon中打开你喜欢的网页（下面我们称它为“目标网页”），待目标网页读取完毕后打开“ViewPage”侧边栏。接着，鼠标左键单击“ViewPage”插件上方的第一个按钮，在弹出的菜单中点“HTML Dom 树”（如图10），

这样，“ViewPage”就会自动分析目标网页的源代码，并且在侧边栏中根据代码结构以树状列表方式将分析结果显示出来，各个结构关系非常清晰明了（如图11），相信对HTML语言稍有了解的朋友都很容易在它的帮助下将目标网页的代码结构掌握。双击树状结构中的节点，可以查看该节点的代码、属性和样式（如图12），方便我们了解、复制和学习。

鼠标选中某个节点，“ViewPage”会在目标网页中高亮显示出所对应的网页区域（如图13），这样我们就可以对它进行操作了。

在该节点上点击鼠标右键，弹出一个功能菜单（如图14），我们可以在其中选择需要的功能。“复制文本”和“复制 HTML”可以复制出该区域所包含的文字和HTML源代码；“插入 HTML”和“插入脚本”可以方便的在该区域中添加代码，而无需另外保存后再在复杂的代码中操作；“设置 ContentEditable”可以将该区域变为可更改的状态，你可以在目标网页的该区域中以所见即所得的方式编辑其中的内容，比如我们要更改其中的一段文字，只要用鼠标双击要更改的文字后就可以开始编辑了，就如同在Word中写作一样简单。

2、查看页面信息

同样鼠标左键单击“ViewPage”插件上方的第一个按钮，在弹出的菜单中点“页面信息”可以查看该网页的基本信息（如图15），如域名、标题、编码、创建信息、修改日期等，同时，它可以获取到该网站的Alexa世界排名和用户的评价。