如何在firefox / firebug中检查文件是否被gzip压缩

时间:2010-07-05 22:48:47

标签: javascript firefox firebug

我正在为我的js和css文件使用压缩库。但是根据yslow,它生成的文件不是gzip,但它应该是。所以我想亲自验证,但我不知道如何。

我如何在firefox或firebug中执行此操作?

4 个答案:

答案 0 :(得分:29)

您可以通过查看HTTP响应标头来查找 - 查找“内容编码:gzip”

您可以通过钻入Firebug中的Net选项卡来判断,但我总是习惯使用Web Developer Toolbar(Firefox扩展)来检查响应头。还有一个名为Live HTTP Headers的功能较少的扩展。 https://addons.mozilla.org/en-US/firefox/addon/3829/

或者,您可以谷歌搜索此类网站,以便为您检查:

http://www.gidnetwork.com/tools/gzip-test.php

HTH

答案 1 :(得分:3)

如何在Firefox的开发工具中检查文件是否被gzip压缩(提示:请参阅步骤7中的警告)

你是否从谷歌来到这里并且你没有使用Firebug?以下是如何通过Firefox的Dev Tools gzip找到文件...

  1. 从菜单中打开开发工具: Firefox>工具> Toogle工具或在Mac上按⌘⌥i
  2. 点击网络标签。
  3. 重新加载按钮或在Mac∧r
  4. 上按
  5. 在显示的大列表中单击要检查的文件。 (您可以通过点击一个或多个标签来过滤文件类型。例如 HTML || 图片 || CSS 等...)
  6. 请注意右侧弹出的窗格。确保突出显示标题标签。
  7. 扫描响应标题窗格(顶部)内容编码:“gzip”
  8. 如果您没有看到 Content-Encoding:“gzip”,请不要放弃!确保您选择的资源(aka文件)的状态代码在左侧列表中显示为200而不是304。 警告:304资源不会在FF的开发工具中显示其内容编码。(现在使用FF Developer Edition 50.0a2)。继续执行步骤8以“修复”此问题。
  9. 清除缓存并直接从服务器获取资源。转到菜单 Firefox>历史>清除最近的历史...... 。确保选中清除缓存框。按立即清除
  10. 重新加载页面。所有的资源现在应该显示为200-他们是新鲜的。这意味着当您检查资源时,您将看到它是否被gzip压缩。
  11. 快乐的编码!

答案 2 :(得分:2)

对于那些在Chrome中寻找相同内容的用户,只需从“网络”标签中的“响应”标头中检查“内容编码”

enter image description here

答案 3 :(得分:0)

我正在使用mozilla使用firebug网络分析器来查看实际减少文件的大小并交叉检查点击链接以查看请求和 响应标题:

内容编码:gzip

顺便说一句,如果您使用的是tomcat,那么您可以使用tomcat内置功能来完成 gzip压缩。 添加comression =" on"在server.xml中[大多数服务器都有压缩支持。]

<Connector port="8443"
      compression="on"
      compressionMinSize="2048"
      noCompressionUserAgents=""
      compressableMimeType="text/html,text/plain,text/css,text/javascript,text/json,application/x-javascript,application/javascript,application/json"
    />