04 勘察:使用Firebug分析并修改基本页面行为

Firebug是一个用来分析Web页面内部组件(如表格元素、CSS类、Frame等)的浏览器插件。它还能用来展示 DOM 对象、代码错误、Server 和 Client 之间的请求-相应通信情况。这篇文章,我们将讨论下 Firebug 插件的使用方法。

实施步骤

首先,打开我们的漏洞靶机:Vulnerable_VM 【配置参见:测试环境搭建】

然后打开浏览器,访问靶机的 Web 服务:http://192.168.150.143/WackoPicko/

右击 Check this file 选择“使用Firebug查看元素”

使用Firebug查看元素

双击下图中隐藏input标签中的 “hidden” 编辑并替换为 “text”,然后敲回车:

修改 input 属性

下图为修改后的结果:


修改后的结果

然后我们把 value 属性的值改为 50000:

修改 value 属性

通过上面的操作,我们添加了一个表单字段来修改上传文件的大小限制。

一个网页被浏览器接收以后,我们就可以改变页面元素,进而更改浏览器解析的方式。如果重新加载网页,那么改变的内容会回复原样。

Firebug 除了这些基本功能外,还有其他功能:

  • Control 标签页可以显示加载页面过程中的错误、告警和其它信息
  • HTML 标签页是咱们刚刚用过的,它以一种层级的形式展现HTML页面,并且允许我们修改它们的内容
  • CSS 标签页下,允许我们修改当前页面的CSS样式
  • Script 标签页可以看到完整的 HTML 源码,可以添加断点,调试脚本
  • DOM 标签页下显示 DOM 对象,对象值,和它们的层级
  • Net 标签下以显示浏览器发给Server的请求和响应,以及这些报文的类型、大小、响应时间、时序等
  • Cookies 标签页可以查看 Server 设置的Cookies的值和参数
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 9,027评论 1 19
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 7,512评论 0 25
  • “娘亲娘亲——”进门甩下书袋,阿宝和阿添两个人就拱到了灶间:“肚子饿了,有什么好吃的……” 这是一对孪生子,刚刚七...
    始行者阅读 2,761评论 0 0
  • 甚至,我都讨厌别人念你的名字 就像鸿蒙初开一切都尚未命名 你的名字,只有在我口中 才像河蚌经历了磨痛 凝结一颗晶莹清润
    冰眉铁面阅读 1,373评论 2 3

友情链接更多精彩内容