需要解决浏览器兼容性问题答案

【问题标题】：Need Solution for browser compatibility issue需要解决浏览器兼容性问题
【发布时间】：2015-04-09 03:44:07
【问题描述】：

我们的应用程序在 chrome 浏览器中运行良好。但在 Firefox 中，某些功能和屏幕无法正常工作。所以它需要修复。我该怎么做，有什么解决方案？

【问题讨论】：

不工作？有任何错误信息吗？ stackoverflow.com/help/how-to-ask
不，我没有收到任何错误消息，出现 UI 损坏问题。例如，在 chrome 中，加载掩码工作正常。但在 Firefox 中，加载掩码没有出现。
您需要显示导致问题的实际 HTML 和 CSS 代码，以便其他人可以重现。

标签： google-chrome firefox compatibility

【解决方案1】：

找出“正在发生的事情”的最佳方法是在浏览器中调试代码。 Firefox 有一个内置调试器，但我更喜欢使用名为Firebug 的第三方调试器。

【讨论】：

【解决方案2】：

您应该按照第一个答案中的说明尝试 Firebug。但是据我所知，您必须将其安装为附加组件，它不包含在发行版中。

【讨论】：

我已经尝试了一些附加组件。但那些都行不通。感谢您的回复@sebastian
你能告诉我 Add_on 吗？ @萨巴斯蒂安
Firebug 是 Firefox 浏览器的扩展。因此在 Firefox 中使用：Extras -> Add-ons（选择 Add-ons 页面中的 Extensions 选项卡）来搜索 Firebug。有关 Firebug 的更多信息，请访问 here。 Firebug 有很多扩展（XPath，CSS，...）等等。要获得有关 Firebug 的帮助，请查看tutorial。

【解决方案3】：

我认为你的问题有点太笼统了。无论如何，如果兼容性问题是关于 CSS 样式的，你应该检查你是否只使用了 WebKit 前缀的 CSS。例如，如果您使用 -webkit-animation，它只适用于 Chrome 和 Safari。实际上，您应该设置四种 CSS 样式：-webkit-animation、-moz-animation、-o-animation 和动画，以使您的代码在主流浏览器中工作。有一些关于 Mozilla 和 WebKit CSS 的文档可能会有所帮助：

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Mozilla_Extensions https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Webkit_Extensions

【讨论】：