`

读取js压缩为gzjs格式文件

 
阅读更多
    最近做的Ext项目Ext的插件都比较大,对于网页的浏览速度也是非常不容乐观的,于是就需要对所加载的js文件进行优化,其中一个方法就是对于较大的js文件可以进行压缩。压缩成gzjs格式,但是gzjs后缀名的文件又不能被浏览器所认识,得需要对服务器端做些处理。

一、将js格式文件压缩成gzjs格式。使用gzip.exe打包压缩后的JS文件,最后生成xx.js.gz,把xx.js.gz文件改成xx.gzjs。压缩实例: ext-all.js (610KB), gzip.exe压缩后为ext-all.gzjs(168KB)。
附:gzip使用方法,在命令行下输入: gzip -9 ext-all.js ext-all.js.gz
修改ext-all.js.gz的后缀名ext-all.gzjs(注:也可以通过gzip -h命令查看帮助)
下载地址:http://www.gzip.org

二、在项目web.xml中加入过滤器。
代码如下:
Xml代码 复制代码 收藏代码
  1. <filter>    
  2.       <filter-name>GzipJsFilter</filter-name>    
  3.       <filter-class>net.kangsoft.util.GzipJsFilter</filter-class>    
  4.       <init-param>    
  5.           <param-name>headers</param-name>    
  6.           <param-value>Content-Encoding=gzip</param-value>    
  7.       </init-param>  
  8. </filter>  
  9.    <filter-mapping>  
  10.    <filter-name>GzipJsFilter</filter-name>  
  11.    <url-pattern>*.gzjs</url-pattern>  
  12. </filter-mapping>  
<filter> 
      <filter-name>GzipJsFilter</filter-name> 
      <filter-class>net.kangsoft.util.GzipJsFilter</filter-class> 
      <init-param> 
          <param-name>headers</param-name> 
          <param-value>Content-Encoding=gzip</param-value> 
      </init-param>
</filter>
   <filter-mapping>
   <filter-name>GzipJsFilter</filter-name>
   <url-pattern>*.gzjs</url-pattern>
</filter-mapping>



三、加入过滤类。

代码如下:
Java代码 复制代码 收藏代码
  1. package net.kangsoft.util;   
  2.   
  3. import java.io.IOException;   
  4. import java.util.HashMap;   
  5. import java.util.Iterator;   
  6. import java.util.Map;   
  7. import java.util.Map.Entry;   
  8. import java.util.Set;   
  9. import javax.servlet.Filter;   
  10. import javax.servlet.FilterChain;   
  11. import javax.servlet.FilterConfig;   
  12. import javax.servlet.ServletException;   
  13. import javax.servlet.ServletRequest;   
  14. import javax.servlet.ServletResponse;   
  15. import javax.servlet.http.HttpServletRequest;   
  16. import javax.servlet.http.HttpServletResponse;   
  17.   
  18. public class GzipJsFilter   
  19. implements Filter   
  20. {   
  21. Map headers = new HashMap();   
  22.   
  23. public void destroy() { }   
  24.   
  25. public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain)   
  26.   
  27. throws IOException, ServletException {   
  28.     if (req instanceof HttpServletRequest)   
  29.       doFilter((HttpServletRequest)req, (HttpServletResponse)res, chain);   
  30.     else  
  31.       chain.doFilter(req, res);   
  32. }   
  33.   
  34. public void doFilter(HttpServletRequest request, HttpServletResponse response,   
  35.   
  36. FilterChain chain)   
  37.     throws IOException, ServletException   
  38. {   
  39.     request.setCharacterEncoding("UTF-8");   
  40.     for (Iterator it = this.headers.entrySet().iterator(); it.hasNext(); ) {   
  41.       Map.Entry entry = (Map.Entry)it.next();   
  42.       response.addHeader((String)entry.getKey(), (String)entry.getValue());   
  43.     }   
  44.     chain.doFilter(request, response);   
  45. }   
  46.   
  47. public void init(FilterConfig config) throws ServletException {   
  48.     String headersStr = config.getInitParameter("headers");   
  49.     String[] headers = headersStr.split(",");   
  50.     for (int i = 0; i < headers.length; ++i) {   
  51.       String[] temp = headers[i].split("=");   
  52.       this.headers.put(temp[0].trim(), temp[1].trim());   
  53.     }   
  54. }   
  55. }  
package net.kangsoft.util;

import java.io.IOException;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Map.Entry;
import java.util.Set;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class GzipJsFilter
implements Filter
{
Map headers = new HashMap();

public void destroy() { }

public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain)

throws IOException, ServletException {
    if (req instanceof HttpServletRequest)
      doFilter((HttpServletRequest)req, (HttpServletResponse)res, chain);
    else
      chain.doFilter(req, res);
}

public void doFilter(HttpServletRequest request, HttpServletResponse response,

FilterChain chain)
    throws IOException, ServletException
{
    request.setCharacterEncoding("UTF-8");
    for (Iterator it = this.headers.entrySet().iterator(); it.hasNext(); ) {
      Map.Entry entry = (Map.Entry)it.next();
      response.addHeader((String)entry.getKey(), (String)entry.getValue());
    }
    chain.doFilter(request, response);
}

public void init(FilterConfig config) throws ServletException {
    String headersStr = config.getInitParameter("headers");
    String[] headers = headersStr.split(",");
    for (int i = 0; i < headers.length; ++i) {
      String[] temp = headers[i].split("=");
      this.headers.put(temp[0].trim(), temp[1].trim());
    }
}
}

四、在需导入js的页面head里面添加导入文件,如:<script type="text/javascript"

src="js/ext3/ext-all.gzjs"></script>

至此已经大功告成,在我这边测试通过,如大家在运行过程中有问题,请发信息给我。
分享到:
评论

相关推荐

    js文件压缩成gzjs格式的方法和工具

    这将创建一个名为`script.js.gz`的新文件,这就是你的gzjs格式的JavaScript文件。 3. **浏览器支持**:虽然现代浏览器普遍支持自动解压Gzipped内容,但为了确保兼容性,服务器端需要设置HTTP头信息,告知浏览器...

    gzip批量压缩js为gzjs文件

    这里的“gzjs”并不是一个标准的文件格式,而是将js文件通过Gzip压缩后得到的.gz文件与原始.js文件名相结合的一种命名约定。通常,Gzip压缩后的文件会保留原始文件的扩展名,即.js会被压缩为.js.gz。然而,在这个...

    读取JS紧缩gzjs格局文件

    Ext项目Ext的插件都斗劲大,对于网页的浏览速度也是很是不容乐观的,于是就须要对所加载的js文件进行优化,此中一个办法就是对于较大的js文件可以进行紧缩。紧缩成gzjs格局,然则gzjs后缀名的文件又不克不及被浏览器...

    Gzjs转换js

    之前有下载过一个项目学习,但是里面js都是压缩为gzjs导致无法查看,后来自己纠结好久才得以打开,于是干脆写了工具拿出来分享。 注:开发环境为:win7 64bit + JDK1.7,未在其他jre版本进行测试。

    文件压缩与合并工具

    里面包含两个工具,一个是文件压缩工具,一个是文件...压缩工具的功能:能够将js文件进行压缩,压缩成.gzjs格式的文件。文件合并工具的功能:能够将多个js文件合并成一个js文件。合并压缩过后可以提供程序的访问速度

    readz:poc,在浏览器上读取一个 gzip 格式的文件

    阅读 建造 安装浏览器 $ npm install -g browserify 安装 deps $ npm install ...删除一个gzip文件 观察 仍然有Uncaught Error: close is pending流完成时Uncaught Error: close is pending (已)

    开启TOMCAT6的GZIP压缩

    - `compressionMinSize="2048"`:设置最小压缩文件大小为2KB。 - `noCompressionUserAgents="gozilla,traviata"`:指定不进行压缩的用户代理。 - `compressableMimeType="text/html,text/xml,text/javascript,...

    javascript混淆器

    gzip.exe可能是一个基于命令行的压缩工具,常用于对文件进行gzip格式的压缩,以减小文件体积便于传输。ESC.wsf可能是一个Windows脚本宿主文件,用于执行某些特定的脚本任务,比如配合gzjs.bat进行混淆操作或者文件...

    为Extjs加加速(javascript加速)

    本文提供了几种方法来加速ExtJS应用程序,这些方法涉及减少JavaScript文件的加载数量、利用Gzip进行文件压缩以及通过服务器端过滤器来实现压缩文件的传输。 首先,要提高ExtJS应用程序的运行速度,一个有效的方法是...

    gzip的Windows版 gzip.exe

    gzip的Windows版,展开由gzip压缩的文件。gzip压缩文件有gzip.exe gzip.doc Readme Copying 四个子文件夹。 gzip 的Window版的gzip, 也就是gzip124xN.exe. 下载 gzip 的Window版的gzip, 也就是gzip124xN.exe。

    c语言人事工资管理系统源程序.doc

    3. 读取模块(read):负责从文件中读取员工信息。 4. 列表模块(list):负责显示员工信息列表。 5. 查询模块(search):负责根据条件查询员工信息。 6. 修改模块(modify):负责修改员工信息。 7. 删除模块(del...

    在Oracle中实现数据库的复制

    例如:深圳这边的数据库连接字符串是以下的格式: shenzhen = (DESCRIPTION = (ADDRESS_LIST = (ADDRESS = (PROTOCOL = TCP)(HOST = 10.1.1.200)(PORT = 1521))) (CONNECT_DATA = (SERVICE_NAME = shenzhen))) 运行$...

Global site tag (gtag.js) - Google Analytics