Dreamweaver双击不进代码视图需切至代码视图或设为HTML模板并声明<!DOCTYPE html>；关闭实时视图和自动缩进可避免HTML被篡改；CSS类名提示需显式链接外部样式表；预览应使用本地服务器而非file://协议。
Dreamweaver 里双击不进代码视图？检查文档类型和编辑模式
Dreamweaver 默认可能以“设计视图”打开 HTML 文件，双击标签或内容只会选中视觉块，根本点不进源码。这不是 bug，是它老版本的默认行为逻辑——它把 HTML 当成所见即所得排版工具用，不是代码编辑器。
解决办法很简单：按 Ctrl+Shift+K（Windows）或 Cmd+Shift+K（Mac）强制切到代码视图；或者在右下角状态栏点击 Code 按钮。更彻底的是：新建文件时就选“HTML”模板（别选“HTML5 页面”以外的富文本模板），并确保文档顶部有标准声明：<!DOCTYPE html>，否则某些老版本 DW 会降级为“向后兼容模式”，连 class 属性都可能被自动转成内联样式。
- 常见错误现象：
div里写好class="card"，切回设计视图再切回来，发现变成style="margin:10px;..." - 真实场景：你只是想改个
href值，结果在设计视图里右键“编辑链接”，它弹出可视化对话框，反而把相对路径错改成绝对 URL - 性能影响：设计视图实时渲染会吃内存，尤其含 CSS Grid 或大量
img标签时，卡顿明显，纯代码视图响应更快
插入 HTML 片段总被自动格式化？关掉“实时视图”和“自动缩进”
Dreamweaver 的“实时视图”（Live View）本质是嵌入 WebKit 渲染引擎，但它会偷偷重写你的原始 HTML 结构——比如把 <p>Hello</p><p>World</p> 合并成 <p>Hello<br>World</p>，或者给空 <div></div> 补上 。这不是帮你，是在破坏语义和后续 JS 操作。
真正安全的编辑方式是：关闭 Live View（按 F8），并在 编辑 → 首选项 → 代码格式化 中取消勾选 在插入时自动缩进 和 清理粘贴的 HTML。这样你粘贴一段从 VS Code 复制来的 flex 布局代码，才不会被它擅自拆成多行、加空格、甚至删掉注释。
立即学习“前端免费学习笔记（深入）”；
- 参数差异：
代码格式化 → HTML → 缩进大小设为2比4更贴近现代前端习惯，但设了也没用——除非你手动触发“应用格式化”，否则它只在粘贴/插入时捣乱 - 容易踩的坑：用“插入 → HTML → Script”菜单加
<script>标签，DW 会默认塞进type="text/javascript"（已过时），且位置固定在<head>末尾，无法控制加载时机
CSS 类名输错没提示？必须手动关联外部 CSS 文件
Dreamweaver 不像 VS Code 装个插件就能智能补全类名，它的 CSS 识别完全依赖“文档与样式表的显式链接”。如果你只是在 <style> 标签里写了规则，或用了 import，DW 很大概率不认——类名输入框里下拉列表为空，class 属性输一半也无提示，甚至误标为“未定义类”。
正确做法：用 <link rel="stylesheet"> 引入外部 CSS 文件，且确保路径正确（推荐用站点根目录相对路径，如 css/main.css），然后在 窗口 → CSS 样式 面板中点击右上角菜单 → 附加样式表 再选一次。这时再输 class="btn"，面板才会实时高亮匹配项。
- 兼容性影响：如果 CSS 文件里用了
@layer或:is()等新语法，老版本 DW（CS6 及更早）会直接忽略整条规则，导致类名不出现——不是你写错了，是它解析不了 - 使用场景：团队协作时，有人用 Sass 编译出
main.min.css，但 DW 关联的是main.css源文件，结果提示“找不到类”，其实是路径指向了未编译版本
保存后浏览器没更新？别信“实时预览”，用本地服务器打开
Dreamweaver 的“在浏览器中预览”（F12）本质就是用 file:// 协议直接打开 HTML 文件。这意味着：所有 fetch()、XMLHttpRequest、import 语句都会因跨域被浏览器拦截，CSS 中的 url() 相对路径也可能失效，连 console.log 都可能不输出——它看起来“运行了”，其实 JS 早就静默报错。
唯一靠谱的验证方式：启动一个极简本地服务。不用装 Node，直接用 Python：python3 -m http.server 8000，然后浏览器访问 http://localhost:8000/your-page.html。这时所有资源加载、AJAX、ES 模块都走 http:// 协议，行为和线上环境一致。
- 常见错误现象：
fetch("/api/data.json")在 DW 预览里返回TypeError: Failed to fetch，但换成本地服务器就正常——不是接口问题，是协议限制 - 容易被忽略的地方：DW 自带的“实时视图”会缓存 CSS，改完
color值按F5刷新也不变，必须关掉再开，或清空浏览器缓存（Ctrl+Shift+R）
