查看页面源 Angular Universal 和 Angular 11
Posted
技术标签:
【中文标题】查看页面源 Angular Universal 和 Angular 11【英文标题】：View page source Angular Universal with Angular 11 【发布时间】：2021-04-12 11:28:52 【问题描述】：在用户操作尝试更新 angular Universal 中的脚本类型 application/ld+json src 之后。
const script:htmlScriptElement = document.createElement('script');
script.setAttribute('type', 'application/ld+json');
script.setAttribute('src', 'assets/data/bangalore-to-hyderabad-schema.js');
this.dom.body.appendChild(script);
但在元素中，正文部分不会在正文部分下的视图页面源中更新。有什么帮助吗？ 提前致谢。
【问题讨论】：
<html> <head></head> <body> <button onclick="updateScript()">click</button> <script type="application/ld+json" src="home.js"></script> </body> </html> <script> function updateScript() var script = document.createElement('script'); script.setAttribute('type', 'application/ld+json'); script.setAttribute('src', 'assets/data/bangalore-to-hyderabad.js'); document.body.appendChild(script); </script>
不完全确定您的意思..您想在按钮单击时添加脚本标签..？检查渲染源时是否动态添加脚本？你希望它在源代码中......来自服务器......？
在 index.html home-schema.js 文件中添加默认值， 这在 body 标签下工作正常 F12 元素，但出于 SEO 目的，它还需要更新在正文结束标记下的视图页面源中
【参考方案1】：
这很正常。如果您在用户操作后动态更新 dom 而没有重新加载页面，那么您将不会使用查看源代码看到修改。
查看源代码只显示服务器发送给浏览器的内容，但没有任何客户端修改
【讨论】：
以上是关于查看页面源 Angular Universal 和 Angular 11的主要内容，如果未能解决你的问题，请参考以下文章
Angular Universal 12（服务器端）在延迟加载时不加载模块
Angular Universal 不在路由器插座内呈现内容
(Angular 6) Angular Universal - 不等待内容 API 调用
Angular Universal：添加服务工作者不允许页面的特定标题