表单调试工具推荐

简介: 版权是我的,转载没有通过我的同意的爬虫都是傻逼.原文地址: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/

 

目录
相关文章
|
6月前
|
前端开发
前端页面调试小技巧(谷歌浏览器)
前端页面调试小技巧(谷歌浏览器)
38 0
|
9月前
|
小程序 前端开发 安全
uniapp中解析markdown支持网页和小程序
对于`markdown`相信大家都不陌生,日常写文档或日常记录都用到的比较多,书写的是`markdown`的格式,实时预览的是转换后的`html`样式。本次实现的需求是在`uniapp`中转换`markdown`文本展示在不同的平台,主要平台是浏览器使用和微信小程序使用。
162 1
|
Web App开发 开发者
[爆]小程序内可直接打开网页了!附开发文档
昨天微信团队又深夜奉上大新闻:①小程序内可直接打开网页、②小程序可关联500个公众号。为便于开发者灵活配置小程序,小程序现开放内嵌网页能力。(网友评论称这个功能直接把小程序提高n个高度,秒掉手机浏览器。
1312 0
|
26天前
|
监控 前端开发 JavaScript
如何使用浏览器调试前端代码?
【4月更文挑战第11天】前端开发中,浏览器调试是关键技能,能提升代码质量。本文介绍了如何使用浏览器的调试工具:1) 打开调试窗口(F12或右键检查);2) Elements标签页检查DOM结构和样式;3) Console调试JavaScript,查看日志和错误信息;4) Sources设置断点调试JS文件;5) 利用Network、Performance和Memory等标签页优化性能。熟悉调试工具、利用日志和错误信息能有效定位问题,提高开发效率。
47 7
|
2月前
|
前端开发
美观的404错误页面源码
美观的404错误页面源码
40 8
美观的404错误页面源码
|
5月前
|
前端开发 测试技术
使用浏览器插件提升前端项目调试速度
使用浏览器插件提升前端项目调试速度
|
6月前
|
Web App开发 前端开发 JavaScript
JavaScript浏览器开发者工具和常用的IDE的调试功能
JavaScript浏览器开发者工具和常用的IDE的调试功能
|
11月前
|
JSON 小程序 API
微信小程序设置表单界面
微信小程序设置表单界面
237 0
|
前端开发 JavaScript API
移动端、第三方集成应用内置浏览器里如何调试前端代码?
移动端、第三方集成应用内置浏览器里如何调试前端代码?
723 0
|
Web App开发 JavaScript 前端开发
chrome调试12-调试javascript的流程
chrome调试12-调试javascript的流程
191 0
chrome调试12-调试javascript的流程