如何解决在使用Inspect Element编辑CSS之后，Chrome DevTools将CSS链接文件更改为“构造样式表”，以及如何解决？
这个问题是关于不是构造样式表的CSS文件，这些文件在编辑后显示为构造样式表，这使得该文件不可访问。
在Google Chrome DevTools 中（最近复制于Chrome 86中）：
每当我使用Inspect元素编辑HTML页面的CSS时，然后我关闭inspect元素，那么如果再次打开它，则所有应显示文件名的链接（即styles.css:1）替换为“构造样式表”：
这是意外的，因为样式表是不是构造或可变的。在编辑之前，它不会显示为“构造样式表”，但之后会被识别为一个。
现在，样式表不再出现在“源”和“更改”选项卡中，并且单击“构造的样式表”链接会将您定向到元素而不是文件。重新加载页面可解决此问题，但所有CSS更改也将丢失。
我不想丢失我的CSS更改，这对我来说真的很烦！ 我想继续在页面上进行编辑，但是css文件没有打开，它是 构造好的样式表！
你们知道如何解决此问题吗？
解决方法
您的html或css文件中是否包含类似以下内容的内容：
isConstructed或isMutable
基于google dev工具文档，它的发生是由于以下标头：https://chromedevtools.github.io/devtools-protocol/tot/CSS/
尝试将其删除，您不应该再删除它们
根据本文，这可能是您调用css的方式。如果您这样称呼它：const sheet = new CSSStyleSheet();或const style = document.createElement('style');
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
