点运行立刻预览当前页面
WebCat 预览的核心体验
WebCat 和普通文本编辑器的区别之一：内置了一个可运行的浏览器内核。你在编辑界面点「运行」按钮，WebCat 直接把当前文件加载到预览面板里显示效果，不需要把项目传到任何服务器。
基本操作
- 在编辑界面右上角或底部找到「运行」或「▶」按钮
- 点击后，WebCat 弹出预览窗口
- 预览窗口显示当前打开文件的渲染结果
- 改完代码再点一次运行，预览立即刷新到最新状态
预览默认加载哪个文件
工程里有多个文件时，WebCat 按以下优先级决定预览哪个：
- 如果你正在编辑某个文件，就预览当前正在编辑的那个
- 如果没有正在编辑的文件，默认找
index.html - 如果
index.html不存在，按文件列表里的第一个.html/.php文件来
想精确预览哪个文件，先打开它再点运行就好。
预览窗口能做什么
- 滑动浏览：手机屏幕一次显示不了整个页面，上下滑动看全
- 链接点击：页面里的相对路径链接可以点击跳转到项目内其他页面（绝对路径的 http 链接可能被拦截，取决于 WebCat 版本）
- 返回编辑：预览窗口关闭或点返回键回到编辑器，光标位置保持不变
预览的限制
预览是 WebCat 内置 WebView 的行为，和桌面浏览器不完全一样：
- 某些 JS 特性不支持：如果你的代码用了特别新的 ES 特性，WebView 可能还没更新到支持的版本
- 外部请求可能被限制：跨域请求、某些 fetch/XHR 调用在预览里可能出问题——这不是你代码的错，是预览环境的限制
- CDN 资源需要网络：页面里引用的 CDN 上的 js/css，断网时加载不出来——这是正常的
正确的预览节奏
- 写完一小段就跑一次——不要攒很长代码才预览，出问题也容易定位
- 改完后再点运行——自动保存还没来得及存最新改动时，预览可能看到旧版本
- 多次预览对比效果——改之前跑一次、改之后再跑一次，视觉对比最清楚
从预览发现什么时该停下来
- 页面白屏但 HTML 没明显错误：打开的文件可能不是你想预览的那个，检查一下
- 样式全没了：CSS 文件路径可能错了
- JS 功能不工作：可能是预览环境不支持，也可能是代码有 bug——把相同代码在电脑浏览器里打开对比一下