利用chrome的workspace快速调试CSS

使用Workspace条件:

  • Chrome V31+(正式版)
  • 本地服务器开发
image001

1、点击F12工具的设置按钮 

image002
image003

2、点击左侧的workspace 

3、点击Add folder 

image004
image005
image006

4、选择服务器所在的根目录,之后确定会chrome会在上面做出一个提示,点击允许 

5、双击下图所示的地方,配置映射关系, 

6、点击Edit按钮写映射关系,视具体情况填写,注意右边的/一定要填写(关键性步骤) 

image007
image008

7、然后回到一个页面中去,试着去更改一个样式数值,验证是否生效 

8、最后看看是否成功 

注意Workspace只对外部引入的CSS样式有效!

发表评论

电子邮件地址不会被公开。 必填项已用*标注