查看网页源代码工具,方便查看网页源代码的工具

方便查看网页源代码的工具 - 菜鸟学院 - 电脑教程网

方便查看网页源代码的工具

日期:2006-12-28   荐:
  大多数人要查看网页源代码时,都是利用IE浏览器调出记事本或网页编辑软件来查看,使用十分不便。今天,我给大家介绍一款IE的插件,因为它是插件,所以它整合在IE中,使用就显得灵活、方便。

  软件名称:Instant Source
  下载地址:天极下载 (点这里下载汉化版

  为了叙述的方便,我以Instant Source v1.44汉化版为例向大家介绍该软件的使用方法。

  一、安装和界面

  Instant Source是专为IE开发的插件,所以,安装后你在开始菜单找不到启动它的程序。它整合在IE中,如果在你的IE浏览器工具栏上没有发现它的图标,可以通过“查看→工具栏→自定义”添加。

  点击IE浏览器工具栏上的Instant Source图标,如图1所示,Instant Source会在IE窗口的下面露出它的真面目,Instant Source几乎所有的功能,都要通过整合在IE中的这个窗口才能完成。

图1

  二、查看源代码

  Instant Source提供了多种源代码的查看方式,它可以查看整个页面的源代码,也可以查看选定文本的源代码,甚至还可以查看鼠标所指网页元素的源代码。点击工具栏上的“显示”按钮,如图2所示,在菜单上选择“鼠标所指元素”,这样,在IE中,鼠标所指网页元素的源代码就实时地显示在Instant Source窗口中了。

图2

  三、编辑源代码

  首先需要说明的是,Instant Source对网页源代码的编辑,只适合于本地的Html网页文件。

  在IE中打开一个本地网页文件,在图2中选择“整个页面(原始)”,这时,你会发现,在Instant Source工具栏上的“应用”按钮已变为可用状态,现在,你就可以在Instant Source窗口中编辑该网页的源代码了。编辑完成后,点击“应用”,Instant Source会自动保存该网页并在IE中实时显示。这一功能,对于那些习惯于使用源代码编辑网页的朋友,无疑是一大福音。

  四、保存外部对象

  在IE中打开“新浪网”首面,在Instant Source工具栏上点击“对象”,打开“页面对象”对话框,你看到了什么?没错,“新浪网”首页中链接到的所有外部对象,包括图像、Flash电影、js脚本、样式表以及链接到的其它网页文件都一览无余(如图3)。

图3

  选定一个对象,点击对话框上的“查看”,可以在默认的浏览器中打开该对象;点击“保存”,可以在本地保存该对象,当然了,点击“保存全部”,可以保存所有对象;点击“复制URL”,可以把选定对象的绝对地址复制到剪贴板。不是有很多朋友老问我,怎样才能保存网页上的Flash动画吗,今天把这个软件介绍给你,希望再不要问我这样的问题。

  在Instant Source的窗口中,我们可以复制选定的源代码,也可以点击工具栏上的“查找”,在网页源代码中查找你需要的内容。总之,Instant Source是一款对网页制作爱好者非常实用的工具,对于其它网民,你也可以利用它查找并保存网页上的资源。

(出处:http://www.sheup.com)




标签: