Chrome调试台映射网络资源到本地文件后,修改本地文件无效果?

为了方便调试,从服务器上下载了一个CSS文件,并在sources panel 映射了相应的服务器上的CSS文件到本地。但修改本地文件后,尽管审阅元素中的CSS路径是本地的,但样式的值还是服务器上CSS文件的值!求解。

审阅元素中使用的是本地CSS文件
clipboard.png
但本地文件明明不是这个值!

clipboard.png

阅读 6.5k
2 个回答

chorme 技巧之一:通过workspaces来编辑本地 文件

Workspaces是Chrome DevTools的一个强大功能,这使DevTools变成了一个真正的IDE。Workspaces会将Sources选项卡中的文件和本地项目中的文件进行匹配,所以你可以直接编辑和保存,而不必复制/粘贴外部改变的文件到编辑器。

  为了配置Workspaces,只需打开Sources选项,然后右击左边面板的任何一个地方,选择Add Folder To Worskpace,或者只是把你的整个工程文件夹拖放入Developer Tool。现在,无论在哪一个文件夹,被选中的文件夹,包括其子目录和所有文件都可以被编辑。为了让Workspaces更高效,你可以将页面中用到的文件映射到相应的文件夹,允许在线编辑和简单的保存。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题