chrome面板之source

chrome面板真的是很使用的啊，今天看了 google 官方文档 才知道了source面板有很多的奇淫技巧！

强大的workspace功能

你是否已经厌倦了在chrome和外部编辑器之间切换的烦恼，那么workspace获取可以缓解这点，首先打开source面板，Add folder to workspace，然后你可以选中server端的任意文件，右键选择map to file system resource，将server端的文件映射为本地的一个同名文件（注意一定是要同名的，我就在这里踩了好多坑）或者是将本地的一个与server同名的文件右键选择map to network resource，这样就可以让浏览器使用你指定的本地文件了，见截图吧

浏览器将采用我指定的本地css替换掉原来的css，当然你可以保存到磁盘，甚至你在element面板所做的的修改都将记录下来，是不是很酷。

想以前：我是在element面板修改的css，然后手动粘贴到编辑器中来，以后直接在source面板中建一个workspace然后做一下文件映射，就可以随便的在任何地方（element、source面板、编辑器）修改代码了，所有地方都会同步

ps总结：##:刚做了测试，只要把我正在运行的文件添加到workspace中，就可以做到同步修改了,#但是内联样式修改无效