首先需设置主浏览器，点击“文件”→“在浏览器中预览”→“编辑浏览器列表”，勾选并设Chrome等为“主浏览器”；之后使用F12快捷键即可在主浏览器中预览HTML文件；也可使用Ctrl + F12直接在默认浏览器中打开预览。
在 Dreamweaver（简称 DW）中运行 HTML 文件并不需要像代码编辑器那样通过命令行启动，而是通过内置的实时预览功能快速查看页面效果。以下是使用快捷键运行 HTML 文件的方法和操作步骤。
实时预览快捷键
Dreamweaver 提供了“实时视图”和“在浏览器中预览”两种方式来查看 HTML 页面效果，常用快捷键如下：
- Ctrl + F12：在默认浏览器中预览当前打开的 HTML 文件
- F12：使用主浏览器打开当前文档进行预览（需提前设置主浏览器）
- Ctrl + 点击实时视图按钮：进入实时多屏预览模式，可同时查看不同设备下的显示效果
如何设置主浏览器
要让 F12 正常工作，需先配置默认浏览器：
- 点击顶部菜单栏的 “文件” → “在浏览器中预览” → “编辑浏览器列表”
- 勾选你常用的浏览器（如 Chrome、Edge、Firefox）
- 将其中一个设为“主浏览器”（Primary Browser）
- 保存设置后，按 F12 即可在该浏览器中打开当前页面
使用实时视图快速调试
在设计界面下方点击“实时视图”按钮，或使用快捷键 Ctrl + \ 切换实时渲染视图。此模式下可直接看到 HTML 和 CSS 的实际效果，适合边写代码边调试。
立即学习“前端免费学习笔记（深入）”；
- 支持与浏览器同步调试（需启用“实时预览”）
- 可查看元素盒模型、修改样式并即时反馈
- 若页面无响应，请检查代码是否有语法错误或路径问题
基本上就这些。熟练掌握 Ctrl + F12 和 F12 快捷键，配合主浏览器设置，能大幅提升开发效率。不复杂但容易忽略的是浏览器配置环节，确保它正确设置才能一键预览成功。
