科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网网络频道网页源代码随心看

网页源代码随心看

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

BlazingTools Instant Source 2003就能够实时显示鼠标在页面中指向内容的HTML源代码。

作者:飘零雪 来源:电脑报 2008年7月18日

关键字: 网页源代码 网络管理 网络管理软件

  • 评论
  • 分享微博
  • 分享邮件

  我们在借鉴网页高手设计的作品时,经常需要查看指定对象的网页源代码。使用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领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章