AngularJs 内容在查看源代码中不可见

Posted

技术标签:

【中文标题】AngularJs 内容在查看源代码中不可见【英文标题】:AngularJs contents not visible in View source 【发布时间】:2014-10-10 08:36:43 【问题描述】:

我有一个由 AngularJs 编码的网站,它存在 SEO 问题。

不,我使用 PhantomJS 使用 ANGULARJS SEO

我遵循了这些完整的步骤,但最后它成功运行到这个命令

$ phantomjs --disk-cache=no angular-seo-server.js [port] [URL prefix]

但现在我的 angularjs 代码也只在视图源中可见

我在查看源代码中无法获取内容

我也想知道CURL在ASP.NET中的等价词

感谢任何帮助。

【问题讨论】:

【参考方案1】:

使用 Prerender 服务配置为提供预渲染的 html from javascript 页面/应用程序将解决您的问题..

由于您正在为您的应用程序使用与 AngularJS 集成的 PhantomJS,我们可以有以下参考,

https://github.com/prerender/prerender

.htaccess 还帮助 DOM 从 Javascript 中预渲染 HTML,已在以下链接中引用..

How to make a SPA SEO crawlable?

https://gist.github.com/Stanback/7028309

https://gist.github.com/thoop/8072354

希望这可以为您提供我在上面解决的更多信息..

【讨论】:

以上是关于AngularJs 内容在查看源代码中不可见的主要内容,如果未能解决你的问题,请参考以下文章

CustomAlertView 按钮在 ios 8 中不可见

Rest API 生成 PDF byte[] JSON 内容类型,使用 angularJS 在 Web 中查看

下拉图像在 Chrome 和 IE 中不可见

除默认语言外,App 字幕在应用商店中不可见

滚动视图中的最后一个视图在我的选项卡活动中不可见

单元测试覆盖在 Sonarqube 中不可见