问题标签 [webpage-rendering]

我有一个页面会在 DOM 准备好时（通过 jQuery's $(document).ready()）初始化 jCarousel，但在 IE 8 上，页面在 jCarousel 完成初始化之前不会显示，这可能是 1 分钟后。在 Firefox 和 Chrome 上，页面内容会立即显示，同时让 jCarousel 完成它的工作。

那么 IE 是否真的不会显示任何页面内容，直到它发现 DOM 有一段时间没有被修改（例如 0.5 秒）？

（我还用setTimeout()来延迟初始化jCarousel——页面内容会显示得很快，但是最后初始化运行时，IE 8会死机——对页面滚动等用户操作无响应，所以不好解决方案）。

我想在页面离开服务器时更改一些元素文本（page_render、endRequest 等）。

我如何才能访问该页面以及如何找到元素来更改其值、文本？

我想知道 IE8 Developer 工具栏中的 Quirks 模式是什么？为什么 Quirks 模式下的页面渲染与 IE8 标准模式下的页面渲染不同？

信息：我对javascript一无所知。没有任何。

我很好奇是否有任何方法可以确定网页何时完全加载？假设我有一个爬虫，它使用 webkit 来呈现页面（以及 webkit 的 JS 引擎来解析任何 JS 函数并完成处理 DOM 等），我很好奇是否有任何方法可以知道网页何时“完成”加载？我认为要做的事情：

1) 所有脚本都已执行完毕。2) 没有未决的 AJAX 调用。3) 基于当前可用的信息，对 DOM 进行完整的处理和加载。

对于更具体的假设，通过查看一些网站的来源，我看到它们通过使用将内容注入 DOM 的脚本标签来加载广告，并发出 AJAX 调用来加载和填充广告。如何确定这一切何时完成？

（我想用任何异步替换这个例子。我只是想不出比上面更通用的东西。）

我所说的“检测”是指以任何可能的方式。例如，在页面中注入一些 JS 代码，向页面写入一些内容，让我知道事情已经完成。或者例如使用 QtWebkit，JS 可以调用 C++（我相信），因此 JS 片段可以调用 C++ 函数来让它知道页面何时“加载”。简而言之，无论什么工作。

当前的“幼稚”实现我只是在加载页面后坐下来等待几秒钟。这很傻。

请尽可能详细，如果在我理解答案之前需要更多背景信息，请随时说“先阅读”。

非常感谢！

没有。忽略这个。空间是由浏览器放在那里的。

这是我的应用程序中的一个 HTML 片段：

如您所见，在 </a> 结束标记之后有一个空格。然而在浏览器中，空间被添加到锚点内。所以它看起来像这样：

这是生成 HTML 的 PHP 代码：

我对此感到完全困惑，即使我已经盯着代码看了 30 分钟，也无法弄清楚是什么原因造成的。

这是翻译文件中的相关部分：

如您所见，Zend_Translate 应该没有添加空格。

我之前遇到过这个问题，但从未真正弄清楚问题出在哪里，但我正在尝试通过在页面的主要内容上使用图像边框来实现标准的“投影”效果。内容部分具有蓝色背景 (#3366ff)，因此边框图像在“投影”之前具有该颜色的一个像素。一切在 Chrome (Windows & Mac)、Safari (Mac)、IE8 和 Firefox (Mac) 中运行良好，但在 Firefox for Windows 上却崩溃了。图片如下，但 Firefox 没有渲染 #3366ff 颜色，而是渲染 #4e50fb。想法？这可能是颜色配置文件问题吗？如果是这样，我将如何解决它？

谢谢！

糟糕的渲染：

良好的渲染：

我在 IE7 中遇到显示问题，因为它以怪癖模式呈现。我已经通过显示“document.compatMode”并返回“BackCompat”而不是“CSS1Compat”来确认这一点。使用 IE8 并恢复到 IE7 是可行的，因为这样可以避免出现怪癖。在普通的 IE8 中，我通过使用 X-UA-Compatible 标头强制呈现模式来修复它，但这不适用于 IE7。其他浏览器也显示怪癖，但与 IE 不同，这不会将它们置于伪 IE5.5 模式，因此它们仍然可以正常呈现。

如何强制 IE7 以标准渲染模式渲染而不是怪癖？我尝试将 DOCTYPE 设置为许多不同的选项，但我没有添加 xml 序言。提前感谢您的任何回复。

我有一个网站页面似乎无法在 Safari 中正确呈现 chrome。

看起来它渲染屏幕宽度的像素是其他浏览器的两倍。我怀疑它可能是初始视口设置，它适用于 Windows 和苹果的所有其他浏览器，除了 mac 上的 chrome 版本。

我尝试删除视口设置，但这似乎不起作用。我使用的是最新版本的 Chrome，如果我在 safari 中打开了 chrome 旁边的窗口，您可以看到 chrome 将屏幕渲染为两倍宽，即使它占用相同的宽度。

哎呀。我无法发布图片，但您可以在此处查看：http ://straathof.acadnet.ca/test_chrome.jpg

如果您想对其进行测试，可以访问此处的页面：http: //straathof.acadnet.ca/reblend55

任何有助于追踪此问题的帮助将不胜感激。我不知道在哪里看。

为了这个问题，让“效率”或多或少意味着页面渲染速度。尽管如此，我们也应该考虑性能问题，比如平滑滚动。

假设您要在页面上放置条纹背景。从效率的角度来看，平铺 100 像素宽的图像（显示 10 个条纹）还是 20 像素宽的图像（显示两个条纹）更好？当然......大图像需要更多时间来加载，但我觉得我在平铺非常小的图像时遇到了麻烦。有最佳点吗？

我开始认为这取决于浏览器（也许还取决于操作系统？），尤其是考虑到这个问题的第二部分：

为了实现半透明，平铺半透明 .png 文件更有效，还是使用 CSS 不透明度属性（再次出现大平铺与小平铺的问题）？根据我的经验，旧版本的 IE 使用平铺的半透明 .png 似乎比使用 CSS 不透明度属性更好（尽管我从未做过任何科学测试）。

圆角是另一个很好的例子……在某些浏览器中，使用图像而不是 CSS 属性或 JavaScript 实现似乎使页面更快，滚动更流畅。

这确实是一个比 CSS 更广泛的问题，但这只是我最近一直在思考的问题。

-彼得

我有一个基于 Solar Sentinel Joomla 模板的网站。www.sism.org

我在使用 chrome 时遇到了一些可视化问题。

右侧栏在所有内容之后向下移动，而它应该浮动在右侧！

有人可以解释我为什么吗？

PS：模板css比较乱，页面开头有一些我自己做的自定义css和js。

已编辑