如何编辑网页的源代码

一、安装和界面

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

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

二、查看源代码

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

三、编辑源代码

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

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

四、保存外部对象

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

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

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

如没特殊注明，文章均为锐客网原创,转载请注明来自  https://www.wangzhan500.com/news/2575.html