JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。他既是客户端语言，也是服务端语言，非常强悍，一般情况下，我们都是在开发阶段不停的改，然后上线之后就作为稳定运行的代码。

　　然而有时候可能因为js写得有问题，导致上线后，某些功能无法使用，这就悲催了，而且一般的公司上线应该都不会很容易。那么对于这种js一类的修改，如果能在本地临时生效，做一些紧急问题的修复，就很重要了。
　　那么，怎样做到本地修改js文件，从而达到代码运行ok的效果呢？ 本文将会给出解决方案：

使用fiddler拦截请求更改参数
　　如果是因为某些必要参数传递不对，从而导致服务端无法正常运行，那么我们可以直接拦截请求，修改参数，再次发送到服务端，从而规避该问题。
　　这种情况一般发生在使用ajax访问服务端程序时出现，比如某个值因为某种原因，导致js发送ajax请求时，少了某个必要参数，从而导致服务端报参数错误。
　　具体解决办法就是：下载并安装http调试神器fiddler, 设置对该站点的拦截请求,在Fiddler 中的命令行，输入命令  ： bpu 要连接的网址，然后回车,如： bpu http://baidu.com, 在拦截到后，添加该必要参数，点击继续请求，从而达到通过服务端验证的需求，如果要求多次操作，那么还可以设置自动修改拦截请求参数的设置，具体方法请自行研究fiddler自动拦截请求方法。

　　当然了，这种请求主要针对http协议，对于https还是显得有些为难的，这也是为什么https会如此受追棒的原因吧。

HTTP Request header

　　使用Fiddler 能很方便的查看Reques header, 点击Inspectors tab -> Request tab -> headers  如下图所示.

Cache 头域

　　If-Modified-Since

　　作用： 把浏览器端缓存页面的最后修改时间发送到服务器去，服务器会把这个时间与服务器上实际文件的最后修改时间进行对比。如果时间一致，那么返回304，客户端 就直接使用本地缓存文件。如果时间不一致，就会返回200和新的文件内容。客户端接到之后，会丢弃旧文件，把新文件缓存起来，并显示在浏览器中。

If-None-Match

　　作用: If-None-Match和ETag一起工作，工作原理是在HTTP Response中添加ETag信息。 当用户再次请求该资源时，将在HTTP Request 中加入If-None-Match信息(ETag的值)。如果服务器验证资源的ETag没有改变（该资源没有更新），将返回一个304状态告诉客户端使用 本地缓存文件。否则将返回200状态和新的资源和Etag. 使用这样的机制将提高网站的性能

Pragma

　　作用： 防止页面被缓存， 在HTTP/1.1版本中，它和Cache-Control:no-cache作用一模一样

　　Pargma只有一个用法， 例如： Pragma: no-cache

　　注意: 在HTTP/1.0版本中，只实现了Pragema:no-cache, 没有实现Cache-Control

　　Cache-Control

　　作用: 这个是非常重要的规则。 这个用来指定Response-Request遵循的缓存机制。各个指令含义如下

　　Cache-Control:Public 可以被任何缓存所缓存（）

　　Cache-Control:Private 内容只缓存到私有缓存中

　　Cache-Control:no-cache 所有内容都不会被缓存

Client 头域

　　Accept

　　作用： 浏览器端可以接受的媒体类型,

　　例如： Accept: text/html 代表浏览器可以接受服务器回发的类型为 text/html 也就是我们常说的html文档,

　　如果服务器无法返回text/html类型的数据，服务器应该返回一个406错误(non acceptable)

　　通配符 * 代表任意类型

　　例如 Accept: */* 代表浏览器可以处理所有类型，(一般浏览器发给服务器都是发这个)

　　Accept-Encoding：

　　作用： 浏览器申明自己接收的编码方法，通常指定压缩方法，是否支持压缩，支持什么压缩方法（gzip，deflate），（注意：这不是只字符编码）;

　　例如： Accept-Encoding: gzip, deflate

　　Accept-Language

　　作用： 浏览器申明自己接收的语言。

　　语言跟字符集的区别：中文是语言，中文有多种字符集，比如big5，gb2312，gbk等等；

　　例如： Accept-Language: en-us

　　User-Agent

　　作用：告诉HTTP服务器， 客户端使用的操作系统和浏览器的名称和版本.

Accept-Charset

　　作用：浏览器申明自己接收的字符集，这就是本文前面介绍的各种字符集和字符编码，如gb2312，utf-8（通常我们说Charset包括了相应的字符编码方案）；

　　例如：

　　Cookie/Login 头域

　　Cookie:

　　作用： 最重要的header, 将cookie的值发送给HTTP 服务器

　　Entity头域

　　Content-Length

　　作用：发送给HTTP服务器数据的长度。

　　例如： Content-Length: 38

　　Content-Type

　　作用：

　　例如：Content-Type: application/x-www-form-urlencoded

　　Miscellaneous 头域

　　Referer:

　　作用： 提供了Request的上下文信息的服务器，告诉服务器我是从哪个链接过来的，比如从我主页上链接到一个朋友那里，他的服务器就能够从HTTP Referer中统计出每天有多少用户点击我主页上的链接访问他的网站。

Transport 头域

　　Connection

　　例如：　Connection: keep-alive   当一个网页打开完成后，客户端和服务器之间用于传输HTTP数据的TCP连接不会关闭，如果客户端再次访问这个服务器上的网页，会继续使用这一条已经建立的连接

　　例如：  Connection: close  代表一个Request完成后，客户端和服务器之间用于传输HTTP数据的TCP连接会关闭， 当客户端再次发送Request，需要重新建立TCP连接。

　　Host（发送请求时，该报头域是必需的）

　　作用: 请求报头域主要用于指定被请求资源的Internet主机和端口号，它通常从HTTP URL中提取出来的

HTTP Response header

　　同样使用Fiddler 查看Response header, 点击Inspectors tab ->Response tab-> headers  如下图所示

Cache头域

　　Date

　　作用: 生成消息的具体时间和日期

　　例如：　Date: Sat, 11 Feb 2012 11:35:14 GMT

　　Expires

　　作用: 浏览器会在指定过期时间内使用本地缓存

Vary

　　作用：

　　例如: Vary: Accept-Encoding

　　Cookie/Login 头域

　　P3P

　　作用: 用于跨域设置Cookie, 这样可以解决iframe跨域访问cookie的问题

　　Set-Cookie

　　作用： 非常重要的header, 用于把cookie 发送到客户端浏览器， 每一个写入cookie都会生成一个Set-Cookie.

Entity头域

　　ETag

　　作用: 和If-None-Match 配合使用。

　　Last-Modified:

　　作用： 用于指示资源的最后修改日期和时间。

　　Content-Type

　　作用：WEB服务器告诉浏览器自己响应的对象的类型和字符集,

　　例如:

　　Content-Type: text/html; charset=utf-8

　　Content-Type:text/html;charset=GB2312

　　Content-Type: image/jpeg

　　Content-Length

　　指明实体正文的长度，以字节方式存储的十进制数字来表示。在数据下行的过程中，Content-Length的方式要预先在服务器中缓存所有数据，然后所有数据再一股脑儿地发给客户端。

　　例如: Content-Length: 19847

　　Content-Encoding

　　WEB服务器表明自己使用了什么压缩方法（gzip，deflate）压缩响应中的对象。

　　例如：Content-Encoding：gzip

　　Content-Language

　　作用： WEB服务器告诉浏览器自己响应的对象的语言者

　　例如： Content-Language:da

　　Miscellaneous 头域

　　Server:

　　作用：指明HTTP服务器的软件信息

　　例如:Server: Microsoft-IIS/7.5

　　X-AspNet-Version:

　　作用：如果网站是用ASP.NET开发的，这个header用来表示ASP.NET的版本

　　例如: X-AspNet-Version: 4.0.30319

　　X-Powered-By:

　　作用：表示网站是用什么技术开发的

　　例如： X-Powered-By: ASP.NET

　　Transport头域

　　Connection

　　例如：　Connection: keep-alive 当一个网页打开完成后，客户端和服务器之间用于传输HTTP数据的TCP连接不会关闭，如果客户端再次访问这个服务器上的网页，会继续使用这一条已经建立的连接

　　例如： Connection: close 代表一个Request完成后，客户端和服务器之间用于传输HTTP数据的TCP连接会关闭， 当客户端再次发送Request，需要重新建立TCP连接。

　　Location头域

　　Location

　　作用： 用于重定向一个新的位置， 包含新的URL地址