<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除]]></title> 
<link>https://jackxiang.com/index.php</link> 
<description><![CDATA[赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除]]></copyright>
<item>
<link>https://jackxiang.com/post//</link>
<title><![CDATA[[实践OK]文件替换特别在排查线上Js错误时相当有用---Fiddler2插件Extensions，Fiddler使用教程分享。]]></title> 
<author>jack &lt;xdy108@126.com&gt;</author>
<category><![CDATA[Php/Js/Shell/Go]]></category>
<pubDate>Fri, 19 Jul 2013 06:21:13 +0000</pubDate> 
<guid>https://jackxiang.com/post//</guid> 
<description>
<![CDATA[ 
	<br/>Fiddler是一个web调试代理。它能够记录所有客户端和服务器间的http请求，允许你监视，设置断点，甚至修改输入输出数据，fiddler包含了一个强大的基于事件脚本的子系统，并且能够使用.net框架语言扩展。（Fiddler使用教程）<br/><br/>Fiddler2 Extensions<br/>Fiddler2扩展程序，下面软件使用前需要安装Fiddler2.<br/>Syntax-Highlighting Addons：http://fiddler2.com/docs/default-source/public-downloads/fiddlersyntaxsetup.exe<br/>代码高亮显示软件<br/>JavaScript Formatter:http://fiddler2.com/docs/default-source/public-downloads/FiddlerJSFormatSetup.exe<br/>JavaScript的排版显示<br/>Traffic Differ:http://fiddler2.com/docs/default-source/public-downloads/fiddlersazdiffsetup.exe<br/>RulesTab <br/>一个演示<br/>Fiddler2 3rd-Party Extensions<br/>Fiddler2.3扩展程序，下面软件使用前需要安装Fiddler2.<br/> <br/>Watcher - Passive Security Auditor<br/>用于Web网络安全检测的软件，<br/>x5s - Automated XSS Security Testing Assistant<br/>XSS一款安全检测的软件，<br/>intruder21<br/>检测网站负载的软件<br/>Chad Sowald&#039;s Request-To-Code<br/>可以将HTTP Request 转换成C# 代码，简单易用。<br/>JSON Viewer / Inspector (with Source)<br/>基于.net构建的JSON数据查看工具，支持VS，让难以阅读JSON代码阅读起来。<br/>XML Request Viewer / Inspector ( TangoXmlView Fiddler Inspector )<br/><br/>前腾讯Qzone兄弟的分享DownLoad：<a href="attachment.php?fid=341">点击这里下载文件</a>&nbsp;&nbsp;<br/>这儿也可以下载：http://ishare.iask.sina.com.cn/f/9753378.html&nbsp;&nbsp;这玩意当时不是不让外流么，呵呵。<br/><br/>以上摘录来自：http://www.e800.com.cn/articles/2011/0311/480265.shtml<br/><br/>Fiddler使用教程：http://tech.e800.com.cn/articles/2011/38/1299572666298_1.html<br/><br/>附录（这个在调试线上bug时非常有用，上面的附件里兄弟也是这么来实践的）：<br/>在日常开发工作中，有时侯会发现测试环境中某个html/css/javascript文件有问题。 我们利用Fiddler可以修改HTTP数据的特性，非常方便的定位问题并进行验证。<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;http://mccxj.github.io/blog/20130531_introduce-to-fiddler.html<br/>摘录：<br/>第一步:使用Fiddler查看页面的数据流列表，找到js文件保存到本地<br/>第二步:创建重定向规则,使用本地文件<br/>第三步:刷新页面,如果看到灰色背景的请求会话，就表示生效了<br/>第四步:修改本地文件，进行测试<br/>以上的操作如下图：<br/><a href="https://jackxiang.com/attachment.php?fid=351" target="_blank"><img src="https://jackxiang.com/attachment.php?fid=351" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/></a><br/>————————————————————————————<br/>修改替换如是以当前请求作小修改，可直接保存，步骤如下：<br/>1）在Fiddler2中选中所要替换的Url后右键，选中save。<br/>2）从save中选：Request---&gt;Request Body...<br/>3）保存为自己上面配置好的默认读取替换的文件名字即可。<br/>特别注意：在保存在fiddler2某个url上点右键时注意，要选：Decode Selected Sessions....,否则保存出来的是乱码喔。<br/>————————————————————————————<br/>有时查错时，故意降低网速也是一种不错的办法，尤其是IE6.0的相关dom错误。<br/><br/>修改本地文件之后，重新刷新页面,就可以看到修改后的效果了。 这种调试方式不需要发布到线上再验证，避免了修改不成功、对用户造成影响的风险， 而且不需要搭建复杂的开发服务器等开发环境，非常适合快速web调试。<br/><br/>最后，笔者介绍的就是willow可以实现文件夹的整个目录替换（好像有扩展支持正则什么的就复杂了），值得学习和实践。<br/>文件夹替换Willow插件。<br/><br/>记得当时还有一个兄弟分享了fiddler2下的JFV插件实现对js函数调用流程及耗时作了统计，是不错的插件（当时没有写成dll的fiddler2扩展格式，后才写了，给过我一份。），安装的方法也贴这儿：<br/>JFV插件安装步骤：<br/>1. 确保您安装了版本号不低于2.2.4.0的Fiddler；<br/>2. 将jfv.dll和jfv_config.xml文件解压到X:&#92;&#92;Program Files&#92;Fiddler2&#92;Scripts&#92; ；<br/>3. 手动修改jfv_config.xml内容（此步骤也可以在Fiddler启动后进行，配置实时更新生效；配置后续改为可视化的）；<br/>4. 启动(重启)Fiddler，关闭Stream模式，先清一遍浏览器cache，然后打开你想要监控的网页，JFV就开始运行了；<br/><br/>JFV使用小贴士：<br/>· 显示监控结果，可点击Redraw按钮；<br/>· Function called数量过多（如10000+）时，可去掉Show return和Show extra info选项，以加快结果展示速度；<br/>· 其它帮助信息可参阅Console上的？按钮，JFV的快捷键 及 JFV小技巧&amp;提示（注意此帮助内容为v1.0，暂未更新，引入JFV部分可忽略）<br/><br/>有bug或建议请及时反馈：<br/>RTX : leohe<br/>Email : justrunstudio@gmail.com<br/><br/><br/>------------------------------------------------------------<br/><br/>1）fiddler2模拟Get/Post请求之composer：<br/>Headers:<br/>Content-type: application/x-www-form-urlencoded<br/><br/>Request Body:(填入你想要填写的POST内容)<br/>test=test<br/><br/>点击 Execute执行模拟请求,<br/>注意：必须要填写Headers：Content-type: application/x-www-form-urlencoded<br/>否则会出现Post参数提交失败。<br/><br/>参考：http://hi.baidu.com/helww/item/5a5c17dfdc32c9312a35c723<br/>http://blog.sina.com.cn/s/blog_6554140d0100zu57.html<br/><br/>2）模拟多次请求，如并发100次,用Filddler来模拟一次或者多次不同的浏览器页面请求的方法:<br/>http://www.jackxiang.com/post/4605/
]]>
</description>
</item><item>
<link>https://jackxiang.com/post//#blogcomment</link>
<title><![CDATA[[评论] [实践OK]文件替换特别在排查线上Js错误时相当有用---Fiddler2插件Extensions，Fiddler使用教程分享。]]></title> 
<author> &lt;user@domain.com&gt;</author>
<category><![CDATA[评论]]></category>
<pubDate>Thu, 01 Jan 1970 00:00:00 +0000</pubDate> 
<guid>https://jackxiang.com/post//#blogcomment</guid> 
<description>
<![CDATA[ 
	
]]>
</description>
</item>
</channel>
</rss>