配置Chrome Workspace功能

Chrome Workspace功能是将在Chrome开发者工具(F12)中对文档的修改直接应用于对应文件中。
由于Chrome并不知道当然文档对应用的文件为哪个,所以需要配置Workspace的映射关系来告诉Chrome对哪个文件做修改

使用Workspace条件:

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

1.点击F12工具的设置按钮配置Chrome Workspace功能2.点击左侧的workspace配置Chrome Workspace功能

3.点击Add folder配置Chrome Workspace功能4.选择服务器所在的根目录,之后确定会chrome会在上面做出一个提示,点击允许配置Chrome Workspace功能5.双击下图所示的地方,配置映射关系配置Chrome Workspace功能6.填写映射关系,视具体情况填写,注意右边的/一定要填写(关键性步骤)配置Chrome Workspace功能然后点击空白处,完成填写
7.然后回到一个页面中去,试着去更改一个样式数值,验证是否生效配置Chrome Workspace功能配置Chrome Workspace功能注意Workspace只对外部引入的CSS样式有效!

相关文章:

  • 2021-09-01
  • 2021-08-05
  • 2021-08-02
  • 2021-12-19
  • 2021-12-16
  • 2022-12-23
  • 2021-04-27
  • 2022-12-23
猜你喜欢
  • 2022-03-08
  • 2022-02-26
  • 2021-05-19
  • 2021-09-30
  • 2022-01-07
  • 2021-05-26
相关资源
相似解决方案