码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-09-10 20:43:26      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:龙卷风   span   浏览器   样式   自己的   htm   http   F12   tin   

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 ,点击后选择自己的工作目录,注意该工作目录是基路径

  技术分享
  我添加的是D:/current/pratice

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

  技术分享

  点击workspace,点击add

  技术分享
  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前端效率提升之浏览器与本地文件的映射-遁地龙卷风

标签:龙卷风   span   浏览器   样式   自己的   htm   http   F12   tin   

原文地址:http://www.cnblogs.com/resolvent/p/7502041.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!