问题标签 [cross-browser]

大家好，我正在编写一个 Rails 应用程序，我包含一些 link_to_remote 链接生成的代码是

这在 Safari 和 Firefox 上运行得非常好，但是当我尝试点击 IE7 和 Opera 上的链接时，它甚至没有点击服务器。

有什么提示吗？

我的问题是我有一个用户在显示我正在创建的网站的一部分时遇到问题，但我无法在我的任何浏览器上重现它，即使使用相同版本的浏览器也是如此。

我正在寻找的可能是一个网站，我可以将用户发送到该网站，该网站将告诉我他们正在运行的浏览器版本以及安装的插件以及可能影响页面显示的任何其他信息。

有人知道这样的事情吗？

编辑：问题与CSS有关。他们希望所有文本输入周围都有一些特殊的图像，但在用户计算机上，文本输入部分显示在设置为背景的图像之外。

我需要比 Google Analytics 更多的用户特定信息，因为您无法分离出特定用户。我还怀疑它比用户代理更复杂。

我也可以将网站公开发布，因为他们希望在发布之前将其想法保密……grr。

在 C++ 中针对浏览器的DOM进行编程时，每个引擎都有一组不同的接口，IE 具有基于 COM 的 [MSHTML]( http://msdn.microsoft.com/en-us/library/aa752279(VS.85).aspx ) , Mozilla 有基于XPCOM的Gecko DOM等。

是否有一个通用 API 具有适用于主要浏览器（和版本）的适配器？

澄清一下，有问题的应用程序是用 C++ 编写的与浏览器交互的桌面应用程序，目前我们有单独的代码库来支持 IE 和 Mozilla，我正在尝试减少逻辑重复并允许以更少的努力添加新的浏览器.

一个具体的例子可以是获取 HTML 元素的 innerHTML 属性。

我的网站及其在某些浏览器中的显示方式存在问题：

http://www.karentiede.com

在 Firefox 2.0 和许多其他浏览器中，“内容”列向左溢出并出现在装饰边框的顶部，使某些内容无法阅读。

这里的一个问答表明，使所有页面都HTML 4.01 Strict DOCTYPE可以帮助使所有浏览器工作相同，但这个问题在 Firefox 中是相反的，在 IE 中不起作用。我应该尝试另一个/不同的修复吗？

来自CSS：

从任何起作用的页面：

当我在http://www.browsershots.org查看该站点时，在许多浏览器中的初始显示看起来很糟糕。我有一个或三个（可能是 Firefox）读者告诉我他们看不到文本，我怀疑他们可能是比我是 CSS 编写者更老练的用户。

我正在设计一个 Web 应用程序，我想知道我可以设计的最大尺寸（x 和 y）。

截至 2008 年 1 月，大约一半的用户使用 1024x278 屏幕，可能只有不到 10% 的用户使用较小的屏幕。（手机和掌上电脑用户在这里是个例外。）所以我们设计的最小屏幕尺寸为 1024x768。

但是，这是屏幕尺寸，当我们布置内容时，我们需要知道视口尺寸。有证据表明，大多数用户都将浏览器最大化，但仍然必须为操作系统装饰和浏览器镶边减去空间。人们自定义他们的 chrome，因此没有单一的“正确”答案；我正在寻求一个可以容纳大多数用户的合理范围。

我看到很多设计师说他们使用 960 像素的宽度，因为它有很多因素并且可以平均划分——但在决定这个之前，我想知道我可以逃脱的最大尺寸，那么我可能会选择少用一点。我已经看到引用的最大宽度为 960、974 甚至 990……我自己的实验似乎显示 1000 的宽度可以正常工作。

高度更难获得：我发现我可以在我尝试过的浏览器上安装 595 像素的垂直视口高度，具有典型的默认操作系统和 chrome 设置。但是我尝试的不是很多，我宁愿看一个更权威的来源。肯定有人做过这项研究，而且做得比我好。

所以我真正的问题是：我可以设计的最大视口尺寸是多少，并期望它适合 80-90% 的所有用户不使用滚动条？

是否有任何 jQuery 1.3 动画转换在 Firefox 3 和 IE7 中都可以使用？

我有一个包含多个表行（25 或更多）的表，其中一些行开始隐藏（这些行都共享一个公共类；在本例中，它是“.hidden”）。在表头中是一个“显示更多”链接，该链接通过绑定.click()到将显示隐藏行的函数，然后将“显示更多”更改为“显示更少”并将其更改为.click()执行相反操作的函数。

在每个.click()函数中，都有一行像

替换.show()为.hide()“显示更少”功能。

但是，如果我尝试将.show()/.hide()替换为.fadeIn()/.fadeOut()，则 IE 会将其呈现为几乎相同，.show()/.hide()只是需要一分钟.hide()才能生效。那里没有真正的动画。在 IE 中较差，虽然在 Firefox 中效果很好。

如果我尝试使用.slideDown()/.slideUp()，它在 IE 中类似 janky，几乎相同，.show()/.hide()只是在完成转换后具有奇怪的脉冲效果。Firefox 3 也对此感到窒息，显然只是忘记了正在显示的表格行的行宽，并使整个事情看起来很糟糕。

那么动画只是在 IE7 中很烂吗？在这种情况下，有什么方法可以在两种浏览器中都可以正常运行吗？

我有一个案例，我需要将“原始”swf 文件提供给浏览器。也就是说，没有嵌入。我们时不时地在 IE 中进行这项工作时遇到了一些问题，但设法解决了这个问题。到目前为止。我们正在修复一些其他与提供文档有关的问题，并且作为副作用，flash 文件在 IE 中停止工作。Flash 控制浏览器显示区域（您将获得 Flash 上下文菜单而不是 IE:s），但 Flash 文件不会呈现。

我无法弄清楚我所做的改变使它停止工作。很大程度上是因为我们让它发挥作用的变通办法是真正的反复试验。（我们从来没有完全理解问题的基础。）

Flash 文件在我们系统的先前版本中呈现良好。我用 Flash Player 9 和 10 测试过，没有区别。

我完全被困住了。有人知道我可以在哪里尝试挖掘吗？

编辑：按照 MatthieuP 和 Kristian J 的建议，我发现了它的含义。这不是标题本身，而是我用来查看标题的代理揭示了一件有趣的事情**：

当 IE 获取一个未嵌入的 swf 时，它会两次请求该文件（我猜 ActiveX 组件会创建一个带有嵌入代码的 HTML 文档，然后该文件也会从该文档中被请求。）

这种重复获取给我们带来了麻烦，因为对我们系统的文件请求需要有一个有效的一次性令牌才能成功。第二个请求注定要失败。

感谢您的回答。你从我那里得到了+1，因为我给了它一个机会。

firebug 是一个非常有用的工具，我不能认为自己没有它。我还下载了 js 文件，它可以帮助您在使用 IE6 时获得类似的功能，希望它可以帮助我解决一些问题，但是，我收到的消息不是很友好，例如：

“预期 ':' (default2.aspx,16)” - 在第 16 行，没有什么可以期待“：”

或者

第 198 行的“对象不支持此属性或方法（default2.aspx,198）”没有什么有趣的东西需要任何支持。

我的网站在 IE6 中看起来像一个不同的网站。大多数 css 不起作用，一些 jquery 函数不起作用，我需要让这个网站在 IE6 中工作。任何帮助将不胜感激；

• 如何知道消息（如上面的消息）在 IE6 中的含义以及如何在 IE6 中有效地调试 js？

• css 兼容性从哪里开始。例如，我应该为不同的浏览器创建不同的 css 文件并通过检测浏览器来加载它们吗？还是有任何常见问题和技巧？

我迷路了，所以请给我任何开始的方向..

我正在编写一个依赖于 top.document 的 javascript，但我不确定是否可以假设所有主要浏览器都支持它。

top.document 是否跨浏览器兼容？

我有以下 HTML / JS：

这种工作按预期工作，即使在 IE 中也是如此。直到我按下F5。当我第一次单击foo时，我得到一个 iframe，其内容foo.html如预期的那样。然后我刷新，然后点击bar。我没有得到 的内容bar.html，而是看到 的内容foo.html。奇怪的是，当我单击test时，它alert()告诉我srciframe 的属性已正确设置为bar.html. Firefox 没有这样的问题。

为什么会发生这种情况，我该如何预防？

编辑：我忘了提到的是我不能放入 iframe 并更改 src 属性。在我的实际情况中，有时我需要一个<img>而不是一个<iframe>.