angular - 如何查看 Angular 2 应用程序的页面源

标签 angular seo server-side-rendering angular-universal

我有网络应用程序,每当我使用浏览器查看页面源代码查看页面源代码时,我只能看到页面源代码中的index.html内容,因为我能够看到检查元素中的所有html代码,但是不在页面源中。有谁如何查看页面源代码吗?

下面是server.ts

enter image description here

最佳答案

只有 Angular Universal 才有可能(服务器端渲染)。每个 javascript 文件都会在浏览器中呈现,要查看页面源代码,您必须设置 Angular 2 以在服务器端呈现。它对于 SEO 优化也很有用。

关于this您可以在网站上找到如何设置的指南。

对于Angular 5,您必须访问此page ,了解更多信息。

例如,使用 NodeJS 访问此 page

关于angular - 如何查看 Angular 2 应用程序的页面源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48948082/

相关文章:

javascript - 为什么不允许在 jquery 数据表服务器端处理 ajax 中使用成功?

progressive-web-apps - SSR 如何与 PWA 搭配使用

reactjs - TypeError : supabaseClient. auth.getSession 不是函数。 NextJS 和 Supabse 错误

RouteConfigLoadEnd-Handler 中的 Angular 访问 route._loadedConfig

SEO - 如何以编程方式检查网站是否已被 Google 禁止

seo - Google 未检测到链接 hreflang 标签

html - 拥有多个 H1 元素的优缺点

Angular 2 - 模型更改后 View 不更新

javascript - 在数据有机会加载之前的 Ionic 2 View 渲染(和错误)

css - 如何将 'required field' 星号添加到 Angular react 形式输入