前端开发工具【转】

---

三款 chrome 插件

　　前端开发都知道，修改 css 和 js 代码简直比眨眼频率还要更高。为了能保持节奏提升效率，通常都会把环境部署到本地。

　　若是先后端团队彻底分离，前端环境只是一个 web server 甚至直接访问文件系统就能搞定。可是大部分状况二者无法彻底分离，前端的样式和交互须要依附在后端的内容上。

因而后端的各类语言、db、cache 等组件都须要一并部署。产品越大环境也就越复杂，想部署也是有心无力。不过通常公司内网速度也不慢，用开发服务器也能接受。

　　可是对于假期在家加班的五好童鞋来讲就彻底不是这么回事，生产环境下前端文件有 CDN 加速却是没啥影响。开发时禁掉缓存每次所有从新加载，按个 F5 巴不得下楼溜一

圈。好在发现了 chrome app/extension 完美解决的方案，心情简直不能更好。

　　整个方案很简单，只需三部便可完成。每部分所需的插件及用法以下：

• 部署文件系统的代码到本地服务器
  使用 web server for chrome，选中目标目录就部署成功，至关简单。

• 将指定路径的 http request 重定向到本地服务器
  使用 Switcheroo Redirector，只需分别填写目标地址和对应的本地服务器地址便可，若是前端的代码单独部署在独立域名或目录的话，两个字符串就能搞定。

• 修改 response header 容许跨域资源访问
  使用 Allow-Control-Allow-Origin: *，默认会修改全部 response，安全起见最好限定本地服务器。（* 若是产品不须要访问跨域资源的话，这步均可以省略 *）