美文网首页DevOps工具程序员@IT·互联网
三款 chrome 插件打造飞一般的前端开发环境

三款 chrome 插件打造飞一般的前端开发环境

作者: haolisand | 来源:发表于2015-10-06 23:15 被阅读5790次

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

如果前后端团队完全分离,前端环境只是一个 web server 甚至直接访问文件系统就能搞定。但是大部分情况两者没法完全分离,前端的样式和交互需要依附在后端的内容上。于是后端的各种语言、db、cache 等组件都需要一并部署。产品越大环境也就越复杂,想部署也是有心无力。不过一般公司内网速度也不慢,用开发服务器也能接受。

但是对于假期在家加班的五好童鞋来说就完全不是这么回事,生产环境下前端文件有 CDN 加速倒是没啥影响。开发时禁掉缓存每次全部重新加载,按个 F5 恨不得下楼溜一圈。好在发现了 chrome app/extension 完美解决的方案,心情简直不能更好。

整个方案很简单,只需三部即可完成。每部分所需的插件及用法如下:


  1. 部署文件系统的代码到本地服务器
    使用 web server for chrome,选中目标目录就部署成功,相当简单。

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

  3. 修改 response header 允许跨域资源访问
    使用 Allow-Control-Allow-Origin: *,默认会修改所有 response,安全起见最好限定本地服务器。(* 如果产品不需要访问跨域资源的话,这步都可以省略 *)


简直是飞一般的感觉 lol

相关文章

  • 三款 chrome 插件打造飞一般的前端开发环境

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

  • Web前端开发Chrome插件

    越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高...

  • chrome浏览器常用插件-开发人员

    作为前端开发人员,整理了一些 chrome 浏览器常用的插件(扩展程序)。chrome 应用商店插件有很多,复制名...

  • Chrome DevTools

    Chrome以其界面简洁、大量的应用插件、良好的代码规范支持、强大的V8解释器,和Chrome开发者工具给前端开发...

  • Mac下导出chrome插件

    Mac下导出chrome插件Chrome Extensions 插件扩展程序开发入门mac 下chrome扩展插件...

  • Chrome插件开发

    Chrome插件开发

  • Angular前期准备

    一、环境准备 Node.js是一个基于Chrome V8引擎的JavaScript运行时环境。在前端开发里一般是用...

  • 实用的vue-devtools插件

    chrome有很多有用的插件,对于前端开发人员来说,Vue.js是一款优秀的前端框架,大大提高了开发人员的开发效率...

  • 开发笔记

    最近做rails开发。 1 chrome 插件 postman这个chrome插件,用来调试api还是颇为方便的。...

  • 技术开发中好用的chrome插件

    今天的主要推荐技术开发用的Chrome插件,对做技术开发的朋友很有帮助,用了这些chrome插件,开发效率可以得到...

网友评论

  • be80107fc526:你好,Allow-Control-Allow-Origin: *我使用这个插件还是提示跨域,请问要做什么配置才可以用吗?
  • 0802ac232e24:你好, Allow-Control-Allow-Origin: *这个插件哪有下载的呢? 百度上搜索不到,如果有的话,麻烦发一个我的邮箱 526230531@qq.com , 十分感谢
    haolisand:是一个 chrome 扩展 在商店应该能搜到

本文标题:三款 chrome 插件打造飞一般的前端开发环境

本文链接:https://www.haomeiwen.com/subject/zztncttx.html