基于css/html编辑的实时浏览器刷新

我看了一个设计师的屏幕，他正在用实时浏览器刷新一些css。该视频的好处在于，浏览器将自动实时显示任何css或html更改，而无需单击“刷新”按钮

我将mac与safari一起使用，如何实现这一点？

您可以通过（开发>显示Web检查器）来实现这一点

可以通过Safari>首选项>高级（勾选“在菜单栏中显示开发菜单”）启用开发菜单

---

请注意，这不会编辑实际的文件，而是您在浏览器中看到的文件（也称为正在呈现的内容）。

据我所知，这将允许我查看源代码并查看已编写的html/css。我想让浏览器在生成页面时实时显示我所做的更改。前面的评论将使您能够进行实时编辑。如何做到这一点并不总是显而易见的。显示web检查器后，确保选择了“元素”（左上角）。然后，您可以展开下面的源代码并双击属性或文本。这将进入编辑模式。进行代码更改，然后点击键盘enter/return以实时显示这些更改。