表单调试工具推荐

简介: 版权是我的,转载没有通过我的同意的爬虫都是傻逼.原文地址:http://www.cnblogs.com/zeusro/   首先,fiddler调试当然可以,但是这玩意太"重"了.而且我记得以前用这东西的时候,整个网络都受到影响,不是很愉快(估计是代理导致的问题).


版权是我的,转载没有通过我的同意的爬虫都是傻逼.原文地址:http://www.cnblogs.com/zeusro/

  首先,fiddler调试当然可以,但是这玩意太"重"了.而且我记得以前用这东西的时候,整个网络都受到影响,不是很愉快(估计是代理导致的问题).

  首先这需求的产生背景是这样的.浏览器提交表单的时候,如果不是ajax,是同步的话,页面有变化,请求的报文是看不到的.而有时候,某个表单出问题,有可能是某个input没有赋值.但是页面变化了的话,就啥都不看不到了.所以在提交表单前后,我们需要一个工具来监控这一个过程.我习惯用nightly(火狐的即时更新版).所以经过一番搜索,我找到了这个叫 Tamper Data 的拓展插件.

准备工作

下载

https://addons.mozilla.org/en-US/firefox/addon/tamper-data/

安装和重启

...

打开

火狐现在什么界面我不清楚,但是我的夜壶浏览器,默认是没有工具栏的.这时候按alt+T 就会呼出工具栏.

点击最下面那个,就会弹出他的窗体.

界面预览

初步的使用

在浏览器随便打开一个链接.窗体上就会相应显示.但是注意,别打开那么多链接,或者那种开了定时器定期ajax的网站,不然等下调试的时候会很崩溃.

POST Form

说了那么多废话,其实这才是本文的重点.

打开待调试页面后,点击start tamper.

然后输入关键词,提交表单这是那个工具会有个提示

 

选第一个.会弹出另外一个窗体

右边这些就是我输入的内容.可以自己改,然后点ok.然后就会把修改的内容post到服务器.

需要提出的是,在该窗口出现期间,浏览器那边会处于等待的状态.

响应

双击postdata就会显示中间的提交详情

不足

他的筛选器是基于url的.我想要是能智能一点就好了(比如筛选method=post)

如果不关的话,这玩意会一直拦截浏览器的某些请求

然而,人家最后的更新时间是5年前,所以大家凑合着用吧

 

参考链接:

http://jimbojw.com/wiki/index.php?title=Tamper_Data#Getting_Started


版权是我的,转载没有通过我的同意的爬虫都是傻逼.原文地址:http://www.cnblogs.com/zeusro/

 

目录
相关文章
|
前端开发
前端页面调试小技巧(谷歌浏览器)
前端页面调试小技巧(谷歌浏览器)
71 0
|
3月前
|
Web App开发 监控 前端开发
前端必备浏览器调试工具
【8月更文挑战第19天】前端必备浏览器调试工具
59 0
|
1月前
|
JSON 数据可视化 小程序
uview/小程序可视化表单代码生成器文档
uview/小程序可视化表单代码生成器文档
26 0
|
6月前
|
监控 前端开发 JavaScript
如何使用浏览器调试前端代码?
【4月更文挑战第11天】前端开发中,浏览器调试是关键技能,能提升代码质量。本文介绍了如何使用浏览器的调试工具:1) 打开调试窗口(F12或右键检查);2) Elements标签页检查DOM结构和样式;3) Console调试JavaScript,查看日志和错误信息;4) Sources设置断点调试JS文件;5) 利用Network、Performance和Memory等标签页优化性能。熟悉调试工具、利用日志和错误信息能有效定位问题,提高开发效率。
402 7
|
6月前
|
前端开发
美观的404错误页面源码
美观的404错误页面源码
230 8
美观的404错误页面源码
|
6月前
|
前端开发 测试技术
使用浏览器插件提升前端项目调试速度
使用浏览器插件提升前端项目调试速度
79 0
|
Web App开发 前端开发 JavaScript
JavaScript浏览器开发者工具和常用的IDE的调试功能
JavaScript浏览器开发者工具和常用的IDE的调试功能
|
小程序
【uniapp】视频分享预览小程序
【uniapp】视频分享预览小程序
|
JSON 小程序 API
微信小程序设置表单界面
微信小程序设置表单界面
283 0