Chrome Devtools不保存我在CSS Sources Panel中所做的更改

Question

我的文件存储在本地;我将.paragraph类的颜色从#FFF更改为#97a4b4;我按CTRL+S，我的CSS文件旁边的asterisk(*)消失了;

如果我在页面上按F5并重新加载，则不会保存更改，并且颜色会返回#fff;

这是一个错误吗？

如果我在元素面板中编辑元素的宽度，在Chrome devtools中，我想将其保存在原始*.php文件中;

如何实现这一效果？

Answer 1

第1点

为了能够在Chrome DevTools中编辑（本地）源文件，需要：

1.将项目文件夹添加为工作区（DevTools - 设置 - 工作区 - 添加文件夹）

2.通过右键单击Elements左侧面板，将webserver提供的源文件映射到本地文件。

（这对我来说有点多余，因为我打开的网站已经来自本地文件夹了。）

有关此主题的更多信息： https://developers.google.com/web/tools/setup/setup-workflow

仍未找到第2点的答案

我需要一种简单的方法来在Devtools中编辑html后，通过在网站上选择所述项目，在DOM中编辑html并（以某种方式）保留更改来查找DOM中的项目。 在我的* .php文件中缺少一个指向它的快速方法，该文件现在映射到Sources树中，因此我不必滚动年龄（并使用CTRL + F）直到找到它;

这可以在Chrome之外的文本编辑器中完成（缓慢的方式），因此，映射的本地文件夹对于此工作流程来说将是多余的。