web前端效率提升之浏览器与本地文件的映射-遁地龙卷风

1.chrome浏览器,机制是拦截url,   
  1.在浏览器Element中调节的css样式可以直接同步到本地文件,反之亦然,浏览器会重新加载css,省去刷新
  2.在source面板下对js的编辑可以同步到本地文件,反之亦然,浏览器会重新加载js,比如一些基于事件调用的函数,

更改之后再次被触发可以立马看到效果,省去刷新
  3.对html的修该浏览器不会重新加载
  更多的细节大家自行体会吧!
2.设置方法
  目录中要避免出现中文!
  我的版本是49,不同版本位置可能会有出入  

  已file:///D:/current/pratice/origin/test.html (也可拦截http请求)
  F12打开开发者工具
  点击source,左侧右键会弹出add folder to workspace ,点击后选择自己的工作目录,注意该工作目录是基路径

  web前端效率提升之浏览器与本地文件的映射-遁地龙卷风
  我添加的是D:/current/pratice

  点击开发者工具右上方的三个小店,再点击setting

  web前端效率提升之浏览器与本地文件的映射-遁地龙卷风

  点击workspace,点击add

  web前端效率提升之浏览器与本地文件的映射-遁地龙卷风
  file:///D:/current/pratice/ 是要匹配的url
  如果是file:///D:/current/pratice/origin/test.html 则匹配origin/test.html
  /是加在基路径后面的,也就是D:/current/pratice/,和在一起就是D:/current/pratice/origin/test.html,也就完成了映射

欢迎加入QQ群662546586

web前端效率提升之浏览器与本地文件的映射-遁地龙卷风

上一篇:jQUery 1.9中被删除的API


下一篇:4. React 属性和状态介绍