问题标签 [html-rendering]

我们正在为我们的团队寻找选项，以在基于 Angular 的客户端 MVC 方法和服务器端 NodeJS / ExpressJS 服务器端渲染方法之间做出决定。

我们的 Angular 应用程序下载为一个 index.html，并发出 XHR 请求来填充页面。因为我们需要预渲染页面，所以当内容更改到服务器上的某个位置时，我们使用 PhantomJS 保存每个页面的副本。这允许对 SEO 的支持。

是否有任何全页主干应用程序或 Angular 应用程序的示例可供人们指出，以便我们查看其他人是否正在这样做。

或者是我们可以在野外看到的 NodeJS 服务器端渲染应用程序的示例。

最后，有人对这种架构有意见吗？

我在 IE7 和 IE8 中遇到了一个相当奇怪的问题，当我加载我的一个网站时，各种项目按预期呈现，然后在大约 1 秒后它们全部消失。这包括表单元素、背景颜色和背景图像（通过 css 设置）

您可以自己查看 www.michaelmeahanjoinery.co.uk（假设您在 ie7/8 中查看）

我已经用尽了我的常用修复列表，所以我现在有点难过。我还应该提到它们都可以在我的开发机器上正确渲染，但是当查看实时站点时，它会出错。

这是表单的代码。

这是表单的 CSS。

更新 我一直在玩它，并发现了一些不寻常的东西。首先，这仅发生在实时站点上，因此我没有在实时站点上玩耍，而是将网站按原样复制到子目录中。

我这样做是为了让我可以玩弄代码，看看它实际上会是什么样子，但是当我转到子目录时，它实际上显示得很好？

这可能是某种apache目录问题吗？

无法正确显示。 http://www.michaelmeahanjoinery.co.uk/index.php?module=contact

正确显示。 http://www.michaelmeahanjoinery.co.uk/test/index.php?module=contact

我想这个问题之前已经被问过（不是每个问题吗？），但我正在努力寻找解决方案所需的语言，所以这里有一些细节：

我有一个用于更新单个位置的 Web 表单，例如街道地址、城市、州等，这是通过使用带有各种 asp:TextBoxes 的静态位置更新表单来处理的，这些 asp:TextBoxes 在代码隐藏中使用它们的智能感知控件，例如 StreetAddressTextBox.Text。

我想更新此表格以适用于多个地点。过去，当我使用 PHP 时，这意味着要编写大量内联代码，其中我将表单内容包装在我正在呈现的集合上的 for 循环中，然后使用ID="StreetAddressTextBox_<%=locationId%>"类似模式的模式引用每个项目。

我目前正在 ASP.NET 中这样做，但内联感觉很脏，特别是因为我必须踢掉很多我在其他页面上建立的代码隐藏范例，而表单内容不是基于集合进行缩放。我的直觉告诉我应该有某种方法来模板化一个位置并在代码隐藏中做所有事情，但我还没有偶然发现和示例在实践中向我展示了这一点。

感谢您提前提供任何帮助。

我在 Chrome 中遇到无法解释的重绘问题。它们不会出现在任何其他浏览器中。该网站是http://leonardo.re

它们在将鼠标悬停在DIV包含样式链接（联系页面）的样式上后出现：

DIV有时在滚动（任何页面）时覆盖。但并非总是如此：

有谁知道到底发生了什么或如何解决/避免这种情况？

因此，我需要能够从 Web 服务返回由数百个 HTML 模板组成的 PDF 以用于打印目的。这似乎是一项艰巨的任务，而且我对这个领域的任何技术都不熟悉（除了使用模板库呈现 HTML）。

我的想法是从数据库中提取必要的数据，遍历它并生成所有的 html，使用一些库创建一个大的 pdf，然后将其发送回用户。这将是不可能的吗？有没有人有做这样的事情的经验并且可以推荐一种替代方法？

感谢您的建议。

是否存在用于呈现 JSF 组件的浏览器依赖项？与 IE 6 相比，使用 chrome 插件和 google chrome，JSF 页面的渲染速度似乎要快得多，这有什么具体原因吗？我知道 html 在网络浏览器中运行.. jsf 在服务器上运行并创建 html... 我的问题是某些浏览器是否更适应 jsf 呈现 html 的方式（标签和 html 组件名称、id、脚本等的方式被创建有利于某些浏览器）让他们更快！

我想以编程方式执行此操作：

给定一个页面 URL，我需要获取页面上的所有链接。重要的是至少要获取3条链接信息：锚文本、href属性值、链接在页面上的绝对位置。

Java CSSBox 库是一个选项，但还没有完全实现（href不能同时获取属性值，必须通过额外的库如Jsoup 进行一些额外的映射）。更重要的是，CSSBox 库渲染页面非常慢。

似乎 Javascript 具有所有可用的功能，但我们必须将 javascript 代码注入页面并编写驱动程序以利用现有浏览器。Python 和 Ruby 等脚本语言也对此提供支持。我很难找到最方便的工具。

提前为冗长的解释道歉。我觉得这个画得最好！:P

假设我有 10 个绝对（css）放置在彼此之上的 div。每个 div 包含几个透明的 png，它们也相互叠加，共同形成一个视觉整体。我当时只显示 1 个 div，用户可以通过单击箭头或按钮切换到下一个 div。这个箭头/按钮包含一个标签，它告诉我下一个要显示的 div，因此我通过 javascript 隐藏所有 div，然后在此之后立即显示适当的 div。

为什么在大多数浏览器中这么慢？有没有更好的方法来做这样的事情？IE 和 Firefox 似乎可以快速流畅地切换 div，而 Chrome 显示延迟。以下是 html 和 javascript 的概述：

HTML：

等等...

Javascript：

对于任何人来说，给出更好的解决方案可能都太模糊了。但是如果有人可以向我解释为什么这在某些浏览器/低端系统上会很慢以及我如何能够解决这个问题，我可以利用这些知识自己思考一些事情（或者接受它就是这样） .

在我的 ios 应用程序中，我使用渲染 html 标签

这是编码结构的其余部分

现在我想根据内容高度增加标签是否有任何方法可以做到谢谢

大约 3 年前，我在我的 iPod Touch 上使用 iFile 中的文本编辑器编写了 Flash 游戏 Chat Noir 的 HTML5/CSS3 重制版（对于短名称和混乱的代码，我深表歉意）。游戏可以在这里找到：

http://geckojsc.com/misc/iChatNoir/

在过去的几个月里，我注意到动画（用 CSS 精灵制作）在 Chrome 中不再像预期的那样工作（在其他现代浏览器中也能正常工作）。

因为游戏是在六边形网格上进行的，所以 sprite 表中有三个方向：对角向下、对角向上和侧向（因此有 D、U 和 S 类的选择器）。DJ、UJ 和 SJ 类是相同的，但显示的是猫中跳。L 类表示猫指向左，R 类表示猫指向右（图像翻转）。

动画这些帧的 javascript 如下（cat 是一个 div 元素）：

在 Chrome 中，猫会进入他的“跳跃”框架，但之后不会返回站立框架。我cat.className在程序运行时进行了检查，它确实在我所有的测试浏览器中都正确更改了，例如更改为L DJ，但是即使 className 为L D，猫仍会显示图形。L DJL D

这似乎是某种渲染问题。如果我更改页面缩放级别，或切换到另一个选项卡然后切换回来或执行任何其他重绘页面的操作，猫会显示正确的框架。希望有什么办法可以解决这个问题！