问题标签 [webpage-rendering]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
62 浏览

javascript - 最好保留大量 html 或即时创建

从性能的角度来看,是在页面中保留大量隐藏的 HTML(一大堆元素)还是只保留 JavaScript 模型并在需要时重新构建 HTML 更好?

谢谢

0 投票
1 回答
1137 浏览

view - Zend Framework 2 中的渲染/响应策略究竟意味着什么以及如何使用它?

ZF2 文档描述了创建和注册备用渲染和响应策略。我读过,但我真的不明白,如何使用策略。

我有一个应用程序,它应该提供三种类型的输出(JSON、XML 和 HTML),具体取决于接受的 HTTP 标头。我该如何使用这种情况下的策略?

0 投票
1 回答
7007 浏览

html - Firefox and Chrome rendering div height differently

First, thanks for checking out my question. My problem is i'm trying to create a fixed menu at the top of a site, but when i use div elements for the different menu items (to achieve the visual effect i'd like) chrome seems to render the div elements with extra padding at the top, differently than firefox. I've included the code, along with a jsfiddle to show the difference. Any help on how to achieve the desired effect (which is closer to the firefox rendering that the one in chrome as I'm sure you could guess) would be incredibly helpful. I'd like the hover color of the menu items to reach the bottom of the fixed black bar, with the text equidistant top to bottom. Thank you for your time!

EDIT: see below conversation, this is the desired look im going for (rendering correctly in chrome) http://jsfiddle.net/9wQxu/5/

The code as follows: (apologies for poor formatting)

HTML:

CSS:

0 投票
1 回答
1578 浏览

android - Webview 渲染网站不正确

情况如下:我创建了一个加载https://cstudios.sk/pemobil/的 webview 应用程序。该网站在原生 android 浏览器和 chrome 上都能正常工作。在大多数手机上也可以,但在 Galaxy S4 上,系统不会渲染某些部分。稍后,在使用下,它会部分纠正自己,但不会完全纠正。

https://www.dropbox.com/s/c9jtb9fc4fvohls/2013-08-02%2000.14.42.png << 渲染不良页面的屏幕。

MainActivity.java:

和清单:

知道是什么导致了问题吗?您可以自由测试该站点,它尚未连接到订购系统。

0 投票
1 回答
154 浏览

google-chrome - 将对齐的图像添加到表格单元格会导致 Chrome 和 Firefox 中的呈现错误

我有一个设置vertical-align: text-top在表格单元格内的图像。在 Internet Explorer 中它正确呈现,但 Chrome 呈现不正确:

Internet Explorer 10 (10.0.9200.16660):

在此处输入图像描述

铬 29 (29.0.1547.66 m):

在此处输入图像描述

更新以包括 Firefox 23 (23.0.1):

在此处输入图像描述

三种浏览器,三种行为;但只有 IE 是您所期望的。

您可以在 jsFiddle 上摆弄玻璃


神奇的成分是表格单元格中的图像:

单元格样式为vertical-align: text-top

我发现的唯一解决方法是删除vertical-align: text-top. 但这会导致它呈现不是我想要的方式:

在此处输入图像描述

由于 Chrome 是所有事情正确和正确的仲裁者,我一定做错了什么。但是什么?

注意:问题不仅限于内联 data-uri 图像。我只是使用它,所以问题在 jsFiddle 上可见。

0 投票
1 回答
79 浏览

shell - 创建一些脚本来打印几个网页

我有这些网页,其中包含要打印的内容。我可以访问每个网页并选择打印它。但我认为它会更有趣,也许还有一点用处,至少对我来说是这样;有一些我可以运行的脚本来打印每一页。

如果我输入我想要打印的每一页,并且脚本会遍历它们,并且对于每一页,它都会呈现并打印它。有人知道我怎么能做到这一点吗?什么编程最适合这个?我可以用一些shell脚本来做吗?

谢谢!

0 投票
1 回答
3603 浏览

performance-testing - 衡量 Web 应用程序中的页面渲染/加载时间有多重要

当我们测试 Web 应用程序的性能时,人们通常关注什么?是http响应时间吗?还是页面在收到来自服务器的响应后在客户端浏览器上完全加载/呈现所花费的时间?

整个行业的一般衡量标准是什么?你对什么时候应该做有什么建议吗?

你有相同的工具推荐吗?

在客户端收到响应后,我可以使用 Visual Studio Web 测试来衡量网页加载/呈现时间方面的性能吗?还是只是http响应时间?

0 投票
1 回答
96 浏览

fonts - 为什么这个字体有这么好的渲染?

通过这个问题,我发现了如何找到网页设计中使用的字体名称(谢谢大家)

但我的问题是我从来没有在我的电脑上安装过这样的字体(在这种情况下:'Freight Sans Bold');那么这个网站怎么可能以这么高的质量呈现这种字体,而我什至一开始就没有这种字体呢?

据我所知,当目标系统上不存在所描述的字体时,将使用一些替代字体(常用字体如 tahoma,...);但是这个案子呢?

在此处输入图像描述

0 投票
2 回答
1408 浏览

html - 在 Chrome 32 中悬停时未突出显示复选框

当我将鼠标悬停在 Firefox 或 IE 中的复选框或它的标签上时,复选框会进入活动状态并突出显示,表示单击会影响它。然而,这对我来说似乎并不适用。

这是一些非常非常简单的代码:

这是一个尝试的小提琴

以下是复选框如何在所有浏览器中呈现的示例:

截图

我正在使用 chrome 32.0.1700.76 m

  • 这是其他人在使用 chrome 时遇到的问题吗?
  • 如果其他人没有这个问题,任何可能导致它的想法(扩展,添加)
  • 这实际上是 chrome 选择呈现复选框的方式吗?
    • 如果是这样,是否有跨浏览器一致性的解决方法?
0 投票
5 回答
2198 浏览

html - 在 WebKit 浏览器中滚动时背景颜色切换为透明

我正在制作一个固定的导航网站。我有一个使用绝对定位固定在屏幕顶部的导航栏。CSS 看起来像这样:

这是我的 HTML:

这应该很简单,但由于某种原因,我看到导航的背景在#1f1f1f我描述为简单的内容之间闪烁transparent

我可以将滚动位置设置到背景颜色透明的位置。那时,当我在 WebKit 检查器中检查元素时,预期的样式就在那里。基本上我上面提到的所有其他内容background-color#1f1f1f

我可以background-color在检查器中打开和关闭属性,这通常会使背景恢复正常。

最后,这似乎只是基于 WebKit 的浏览器的问题。我可以在 Chrome 和 Opera 中重现该问题,但不能在 Firefox 或 Internet Explorer 中重现。7.0 (9537.71)我似乎也无法在 Safari 中重现此内容,至少不是在版本<div>。这会导致某种渲染故障吗?

更多信息: 我从页面中删除了背景视频<div>,这似乎完全解决了问题。不过,这并不是一个理想的解决方案。背景视频是否存在任何已知问题?