前端工程 · 渲染方式
客户端渲染
Client-Side Rendering
也叫:CSR、浏览器渲染、纯前端渲染
浏览器先下载几乎空白的 HTML 和 JS,再在客户端请求数据并生成界面;首屏依赖 JS 执行完成。
详细解释
客户端渲染是 SPA 的典型路径:服务器只给壳,路由与页面内容由浏览器里的 JS 负责。开发体验简单,部署也可做成纯静态资源,但首屏和 SEO 通常弱于 SSR/SSG。
它适合强交互后台、登录后的应用壳层。公开营销页、需要分享卡片的内容页,更常选 SSR/SSG,或至少对关键路径做预渲染。
和水合的关系:CSR 不先出完整 HTML;SSR 先出 HTML 再水合。选哪种取决于受众与 SEO 需求,而不是「哪个更新」。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-csr- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/10/05