【发布时间】：2012-05-25 07:23:11
【问题描述】：
我观看了一个设计师在使用实时浏览器刷新的 css 上工作的屏幕截图。视频的巧妙之处在于，浏览器会自动实时显示任何 css 或 html 更改，而无需单击刷新按钮。
我正在使用带有 safari 的 mac，我该如何完成？
【问题讨论】：
【发布时间】：2012-05-25 07:23:11
【问题描述】：
您可以通过Safari Developer Tools（开发 > 显示 Web 检查器）进行此操作
开发菜单可以通过 Safari > 首选项 > 高级（勾选“在菜单栏中显示开发菜单”）启用。
请注意，这不会编辑实际文件，而是编辑您在浏览器中看到的内容（也就是正在呈现的内容）。
【讨论】：
-
据我所知，这将允许我查看源代码并查看已经编写的 html/css。我想让浏览器在我构建页面时实时显示我的更改。
-
上一条评论将使您访问实时编辑。如何做到这一点并不总是显而易见的。显示网络检查器后，确保选择了“元素”（左上角）。然后您可以展开下面的源并双击属性或文本。这将进入编辑模式。更改代码并点击键盘 enter/return 以使这些更改实时可见。