JSFiddle中DOM操作报“Failed to execute 'write' on 'Document'”错误，本质是onLoad模式下document.write()执行时文档已关闭；应改用No wrap - bottom of 模式确保JS在HTML末尾执行。
直接用浏览器打开就能写，不用装软件、不需注册账号——但选错工具或忽略关键设置，会卡在预览不生效、代码导出后跑不起来、协作链接第二天失效这些问题上。
JSFiddle 里 DOM 操作总报错：Failed to execute 'write' on 'Document'
这是新手最常遇到的阻塞型错误，本质是 JS 执行时机和文档状态不匹配。
- 默认的
onLoad模式会把 JS 包进一个window.onload回调里，此时document.write()已失效，连document.body都可能还没挂载 - 改用
No wrap - bottom of <code>模式，JS 就会原样插入到 HTML 结尾，可安全操作 DOM - 如果必须用 CDN 加载库（比如 jQuery），在
Resources标签页添加时，URL 必须以https://开头；//cdn.jsdelivr.net这种协议相对地址会被拒绝 - 匿名用户每次保存都会生成新 URL，旧链接自动作废；要长期有效，必须用 GitHub 或 Google 账号登录同步
DevPlayground 导出的 HTML 在手机上显示异常
它默认按桌面宽度渲染，不点开关就看不到真实响应式效果。
- 预览前务必点击右上角
Toggle Device Toolbar，否则所有@media查询都不触发 -
Export HTML只生成单文件，CSS/JS 全部内联，但会抹掉img src="assets/logo.png"这类相对路径引用，图片直接 404 - 要保留项目结构（含 assets 文件夹、分离的 CSS/JS），必须选
Download ZIP - jQuery 等库默认不加载，报
Uncaught ReferenceError: $ is not defined时，去Settings → JavaScript → Add External Scripts手动填入 CDN 地址
CodeCraftStudio 改完间距数值，导出代码在 IE11 里布局全乱
它右侧参数面板的单位是 rem，不是 px，而旧版浏览器对 rem 支持极差。
- 调整
Spacing、Radius等数值时，看到的只是快捷入口，底层生成的是margin: 1.5rem这类现代写法 - 如需兼容 IE11 或 Safari 12 以下，导出前先关闭
Enable Modern CSS开关，它会回退为px和flex替代方案 - Card Grid 组件默认带
box-shadow和border-radius，这些属性在旧引擎中可能被忽略或渲染异常，建议手动检查导出代码
真正麻烦的不是写错一行代码，而是导出后发现路径断了、单位不兼容、或者协作链接过期——这些细节不会报错，但会让页面在别人设备上彻底白屏或错位。
