什么是在浏览器开发工具中使用默认视图封装(模拟)来为组件设置样式的最有效方法?
我的当前工作流程涉及很多从开发工具中复制和粘贴的繁琐操作,如下所示:
我的当前工作流程涉及很多从开发工具中复制和粘贴的繁琐操作,如下所示:
Chrome开发工具可以将对DOM所做的样式更改保存到源CSS文件中(使用工作区将更改保存到磁盘),但我不知道这是否适用于Angular和Webpack使用模拟组件样式的方式。
肯定有比我目前所做的更快捷的工作流程。有什么技巧吗?
Chrome开发工具可以将对DOM所做的样式更改保存到源CSS文件中(使用工作区将更改保存到磁盘),但我不知道这是否适用于Angular和Webpack使用模拟组件样式的方式。
肯定有比我目前所做的更快捷的工作流程。有什么技巧吗?
这样,您将在检查中看到CSS文件,而不是头部内部样式标签(您可以在下面的第3步中看到示例图像)。
这是一个神奇的技巧,它将允许您从DevTools编辑本地文件!
对文件进行更改。
保存文件。
神奇!您的本地文件已被修改!
我喜欢Chrome!
干杯!