Chrome开发者工具工作区，刷新浏览器时查看更改

Question

3

如果我将远程服务器上的资源映射到Chrome开发工具工作区中相应的文件，并刷新页面，那么在页面重新加载时，我应该能看到这些更改吗？

因为现在，我正在进行更改，但刷新后却看不到它们。

作为一个健全性测试，我将我的博客上的styles.css映射到我的dev工具工作区中的一个��的styles.css，但当我刷新页面时，所有的样式仍然是显而易见的。

我是否期望开发工具无法完成的事情？

- jerome

我不确定你在这里尝试什么？你是说你正在加载远程站点，并期望开发工具忽略从远程 Web 服务器获取的 CSS，而使用本地内容代替吗？这似乎是一种实现开发工作的反向方式。为什么不只是创建一个博客的开发安装并进行编辑呢？ - mituw16

1

@mituw16，忘了我提到我的博客吧，想象一下一个无法轻松作为本地实例运行的大型企业网站，你可能会看到我的真实用例。 - jerome

我明白了。这个企业网站没有开发环境吗？如果你想让CSS修改持久化，我认为你需要参考一些类似 http://stylebot.me/about 的东西。 - mituw16

@mituw，是的。只是希望能够更快地工作，不必经常通过FTP连接到开发环境。我已经有一些解决办法，但希望能够更快地进行操作。感谢提供链接。 - jerome

1

如果有人碰巧遇到这个问题需要了解Chrome开发工具工作区的背景知识，请参考以下链接。http://www.html5rocks.com/en/tutorials/developertools/revolutions2013/#toc-workspaces - jerome

每当我想在Google Chrome Devtools中使用工作区时，我总是认为它支持的确切用例，但每次我都会失望地发现它不支持。这怎么可能不是一个功能呢？ - vrutberg

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Shi Lei · Accepted Answer

如果你从远程服务器而不是本地服务器映射文件，在刷新页面时，Chrome会再次从远程服务器重新加载页面。但是，如果您继续在工作区编辑，则更改仍然保存在磁盘上，并且将重新应用。具体信息请参考：https://developer.chrome.com/devtools/docs/workspaces。