javascript - 我应该动态地将样式标签注入(inject)头部还是在主体中包含样式标签？

Question

我有一些 html 内容通过服务器端调用嵌入到页面中。因此，当在服务器上编译页面的 html 时，会调用另一台服务器以返回一些 html，然后将其嵌入到正文某处的 div 中。问题是，这个内容包含它自己的 CSS。所以，我写了一个脚本来在准备就绪时将样式标签注入(inject) HEAD，这在桌面浏览器上运行良好。然而，在移动设备上有相当多的无样式内容。我知道你在技术上不应该在 body 中包含样式标签，但在这种情况下，将它们包含在 body 中而不是将它们注入(inject)头部会产生更好的结果吗？

Answer 1

在这种情况下，听起来正确的解决方案是修复您的体系结构，以便服务器端编译器可以在页面头部包含远程页面的 CSS。这可能涉及将远程页面的 CSS 从那里的标记中分离出来，然后将其作为一个单独的文件抓取，以便在编译期间包含在页面标题中。

鉴于各种原因，正确的解决方案并不总是可行的，因此通常需要妥协。将 CSS 留在远程标记中，如果它产生您想要的结果，可能是最适合您的解决方案。或者也许其他一些将 CSS 放入头部服务器端的 hack 可能是合适的。您需要决定做这些事情中的任何一件是否值得付出努力，如果您有可能在有限的条件下完成这些事情。