我们在借鉴网页高手设计的作品时,经常需要查看指定对象的网页源代码。使用IE浏览器查看当前页面源文件,只能显示所有Html源代码,无法按要求单独显示指定对象的代码。有什么解决的办法呢?BlazingTools Instant Source 2003就能够实时显示鼠标在页面中指向内容的HTML源代码。
软件小资料
软件语言:英文
授权方式:共享软件
运行环境:Win9X/NT/2000/XP/2003
软件大小:345KB
当安装完毕后,需要重新启动计算机,第一次使用时系统还会自动弹出一个网页。下面就来介绍网页源代码用鼠标即指即现的方法。
1.激活源代码显示栏
大家点击IE浏览器菜单栏上的“查看→浏览器栏→Instant Source”,而后在页面下端就会增加一个Instant Source源代码显示栏。
2.设置源代码显示方式
在默认状态下,软件程序将显示当前打开页面的所有源代码,我们要更改程序设置以实现只显示指向的对象源代码的功能。在“Instant Source”的工具栏上点击“Display”向下箭头按钮,而后在弹出菜单中(图1)选择“Element under cursor”。如此设置后仅会显示鼠标所指向的代码。若是希望显示页面中选定文本的代码,则点击“Selected text”;假如想查看网页中某个指定位置的颜色代码,则选择“Display”菜单项中的“Color under cursor”。
图1
点击工具栏上的“Options”按钮,弹出“Instant Source Options”窗口,在这里查看“Margins”标签页,假如勾选“Display Line numbers”复选框,将会在源代码显示栏中以数字方式标记行数。再切换到“Fonts and Colors”标签页,在“Colors”项目中可以分别设置“Background color”(背景颜色)与“Default text color”(默认字体)。在“Font”项目中可以设置字体属性。
3.查看并存储指定对象源代码
现在把鼠标指针置于页面中的指定对象上,然后查看下端的“Instant Source”栏,将会看到其中仅显示了该指向目标的源代码(图2),它的响应速度极快,而且支持一些动态页面。假如你想在当前源代码查看方式下显示全部网页代码,只须按Ctrl键,再将鼠标放置在页面任意处,过几秒钟就会看到你所希望的效果。当释放Ctrl键后就会恢复为源代码即指即现方式了。点击工具栏上的“Save as”,就可以将“Instant Source”栏中的源代码复制到剪贴板。
图2
此外,大家点击工具栏上的“Objects”按钮,在弹出窗口中可以查看到当前页面中的所有外部链接。选择指定对象后,点击“Copy URL”按钮可复制网址,点击“Save”按钮可将它另存为文件。