扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
我们在借鉴网页高手设计的作品时,经常需要查看指定对象的网页源代码。使用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”项目中可以设置字体属性。
现在把鼠标指针置于页面中的指定对象上,然后查看下端的“Instant Source”栏,将会看到其中仅显示了该指向目标的源代码(图2),它的响应速度极快,而且支持一些动态页面。如果你想在当前源代码查看方式下显示全部网页代码,只须按Ctrl键,再将鼠标放置在页面任意处,过几秒钟就会看到你所希望的效果。当释放Ctrl键后就会恢复为源代码即指即现方式了。点击工具栏上的“Save as”,就可以将“Instant Source”栏中的源代码复制到剪贴板。
图2
此外,大家点击工具栏上的“Objects”按钮,在弹出窗口中可以查看到当前页面中的所有外部链接。选择指定对象后,点击“Copy URL”按钮可复制网址,点击“Save”按钮可将它另存为文件。
如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击|2021世界人工智能大会
直击5G创新地带,就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020(Cloud)- 科技行者