chrome浏览器调试css

　　一、打开chrome浏览器开发者工具，切换到Sources面板，在面板左侧会列出当前项目路径

　　　

　　二、在面板左侧空白处单击右键，选择 Add folder to workspace

　   　

　　三、选择项目所在文件夹，确认后chrome会弹出一个警告框，点击允许

　　   

　　   

　　四、在本地文件上右键选择 Map to network resources，或在网络文件上右键选择 Map to file system resources

　　   

　　   

　　五、切换到Elements面板，在Styles中编辑样式后将自动保存到本地文件；在编辑器中修改样式也会自动刷新浏览器中的样式。从此告别 Ctrl+S  、F5组合

　　   

　　   

　　注意：在element.style中添加的样式无法被保存