[英]Fastest way to add a new blank stylesheet in Chrome's inspector developer tool (“Inspector stylesheet”)
Usually, when I want to test CSS modifications, live, in Chrome, I use: 通常,当我想在Chrome中实时测试CSS修改时,会使用:
Right click > Inspect 右键单击>检查
Use the bottom right pannel, and use the +
button to add a new class, and then edit it there. 使用右下方的面板,并使用
+
按钮添加新类,然后在此处进行编辑。
But I've noticed there's even a handier way: open an "Inspector stylesheet" that opens a blank CSS document, that can be edited, and modifications are displayed live: 但我注意到,还有一种更简便的方法:打开“检查器样式表”,该样式表打开一个空白CSS文档,可以对其进行编辑,并实时显示修改内容:
Question: what's the easiest/fastest way to open such an "Inspector stylesheet" in Google Chrome? 问题: 在Google Chrome浏览器中打开这种“检查器样式表”的最简单/最快的方法是什么?
(by fastest, I mean faster than Right click, Inspect, +
add a new class, click on the little inspector stylesheet link, etc.) (以最快的速度,我的意思是比右键单击,检查,
+
添加新类,单击小检查器样式表链接等快)。
I cannot find it in a menu of Chrome's console/developer tools. 我无法在Chrome的控制台/开发者工具菜单中找到它。 Is there a keyboard shortcut that would open such an "Inspector stylesheet"?
是否有键盘快捷键可以打开这样的“检查器样式表”?
I don't have one easy shortcut, but I can get you there a tiny bit faster: 我没有一个简单的捷径,但是我可以让您更快地到达那里:
Once inspector-stylesheet is created, and I close it or close DevTools, how to find it again? 创建检查器样式表后,我将其关闭或关闭DevTools,如何再次找到它?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.