使用ChromeDevTools实时编辑HTML和CSS.docVIP

使用 Chrome DevTools 实时编辑 HTML 和 CSS 我们来看看 Chrome DevTools 中的便捷实时编辑功能，以及它如何帮助您调试 HTML 和 CSS ，使您的前端更流畅。 Chrome DevTools 是一款内置于 Chrome 浏览器中的强大的 Web 开发工具套件。 DevTools 对 Web 开发人员最有用 的功能之一是能够在页面上实时编辑 能允许任何开发人员，即使是 HTML  HTML 和 CSS 。该功 和 CSS 知识较弱的开 发人员，都可以对网页的潜在变化进行快速原型和迭代。在 使用 Lucidchart 时，我最近的一个项目是在用户输入帐单信 息时在输入中添加一些复选标记，以便在用户输入格式正确 且有效的信息时即时提供反馈。尽管我在后端代码中比在 CSS 和 HTML 中工作更舒适，但我可以通过实时编辑功能 轻松实现这些复选标记。 使用检查器工具编辑 HTML 有两种 快速打开检查员的方法。首先是用 F12 打开 DevTools ，选 择“ Elements ”选项卡，然后单击左上角的光标图标。第二， 更快，方法是使用键盘快捷键 Ctrl + Shift + C 。如果您经常 在 Linux 环境中工作，那么在您意图复制文本时，很有可能很多次您都会在意外中使用此快捷方式！一旦检查员处于活 动状态，您可以通过单击它查找页面