在以前版本的IE开发人员工具中，您可以在调试器中打开CSS文件的来源。
这最常用于验证它们是否已经被正确下载/引用，即如果样式表的请求返回了404错误，那么我的样式的路由原因未被应用。
然而，从IE 11开始，调试器不再列出CSS文件，因此我无法使用它来查看其来源并验证它们。
我知道我可以通过分析器完成此操作 - 但这需要启动配置文件跟踪并重新加载页面，这不太容易实现简单的工作流程。 （不是频繁锁定F12工具似乎在任何配置文件选项卡上使用）
是否还有通过开发工具来查看CSS文件的来源？
答案 0 :(得分：10)
我不相信。有一个Connect问题报告了这一点，MS表示他们已经在积压的情况下报告了这个＆＃34;潜力＆＃34;未来发布。 IE11: CSS tab missing in new F12 Developer Tools
更新：微软已通过UserVoice site for Internet Explorer宣布他们计划将其恢复。
答案 1 :(得分：4)
缺少CSS选项卡，调试器也没有列出CSS文件。
但是，如果您在dom资源管理器中找到一个从css文件应用样式的元素，则可以单击该文件名并打开整个文件。
答案 2 :(得分：0)
今天我很惊讶地发现这一点，并使用Chrome F12工具 - 在左侧面板的资源选项卡下，您可以扩展框架以访问您的页面的图像，脚本和样式表 - CSS在最后当然这些。
毋庸置疑，只有您可以访问Chrome并且该网站支持Chrome时，这才有用。
答案 3 :(得分：0)
在开发人员工具中，转到“网络”标签。单击箭头（将鼠标悬停在箭头上时，它将显示“启用网络流量捕获”）。它将变成一个正方形，表明它正在捕获网络流量。刷新页面。单击类型以按类型排序，然后查找“ text / css”。双击文件。单击“响应正文”。您将在此处看到CSS内容。
要手动添加样式，请转到DOM Explorer。单击网页中的一个元素，它将带您进入网页的该部分。您可以在DOM Explorer或左侧窗口中向元素添加样式，您将看到“内联样式”（如果没有CSS类），或者您会看到“内联样式”以及CSS类及其详细信息。您可以单击此处进行更改。