如何确认克隆的Angular SSR项目是否正常启用服务端渲染？

1. 先确保用正确命令启动 #

ng serve是纯客户端开发服务，不会触发SSR渲染，必须用npm run dev:ssr启动项目，再进行后续验证。

2. 查看页面源代码 #

• 访问项目页面后右键选择「查看页面源代码」
• 找你组件里的动态内容（比如绑定的数据、自定义文本），如果这些内容直接出现在HTML源码里，说明是服务端渲染生成的；如果源码里只有<app-root></app-root>这类空占位标签，就是纯客户端渲染。

3. 终端日志确认 #

你用isPlatformServer写的打印逻辑，注意：

• 这个console.log("Server")会输出在Node.js终端窗口（不是浏览器控制台），启动dev:ssr后如果终端能看到该日志，说明服务端已经执行了组件逻辑。
• 可以再加一行客户端检测：if (isPlatformBrowser(this.platformId)) {console.log("Browser");}，此时终端和浏览器控制台会分别输出对应日志，证明SSR的两端逻辑都正常触发。

4. 禁用JavaScript测试 #

• 在浏览器开发者工具里禁用JavaScript（Chrome可在「设置」→「调试器」中勾选「禁用JavaScript」）
• 刷新页面，若页面能正常显示所有内容（包括动态数据），说明是服务端预渲染完成；若页面空白或仅显示静态内容，说明SSR未生效。

5. 查看页面请求响应 #

• 打开浏览器「网络」标签，刷新页面
• 查看页面本身的GET请求响应，若响应内容是完整渲染好的HTML，而非空的根组件标签，说明SSR正常工作。

内容的提问来源于stack exchange，提问作者dev12321