Javascript动画:IE vs其他浏览器

Javascript animation: IE vs other browsers

本文关键字：其他浏览器 vs IE 动画 Javascript 更新时间：2023-09-26

在我开始讨论我所面临的具体问题之前，我只需要问:使用IE8作为构建网站的参考，特别是使用JavaScript动画的网站，这是一个错误吗?我问这个问题是因为我已经写了一个相当简单的动画页面，大部分是从头开始，即使我对HTML和JavaScript语言的掌握很差，使用IE8来监控进度。我已经调整了代码，使其在IE8(兼容模式关闭)中工作得很好，但当我在Safari和Chrome中尝试时，它在动画中做了一些奇怪的打嗝。

我发现很多问题都是相反的:除了IE，它在任何地方都能很好地工作。所以我想知道，我应该使用不同的浏览器供我参考吗?或者是否有更好的方法使其与所有浏览器兼容?这是如此令人沮丧(我相信你们大多数人会同意)必须处理不同浏览器的不同解释。

谢谢你的帮助!

注。我还没有为Mozilla编写代码。

从性能的角度来看，使用ie8作为参考并不是一个坏主意，因为它的js和渲染性能较弱。使用ie7会更好。

跨浏览器兼容性方面，你使用什么并不重要——除非你使用像jQuery这样的跨浏览器库作为动画的基础，否则你将不得不为各种js和渲染引擎编写特定的代码。

即使你使用像jQuery这样的库，你仍然会遇到渲染问题，因为各种html/渲染引擎在浏览器中是不同的。Chrome/safari使用webkit, firefox使用gecko等。

唯一正确的方法是在项目开始时定义您希望支持的浏览器，然后在开发代码时测试您在所有浏览器中所做的工作

如果你正在制作动画，我建议你利用css过渡而不是通过javascript控制元素-你将有机会利用图形硬件以及更有效地绘制像素。

如果你仍然需要在不支持这些css过渡的浏览器中执行动画(在ie9中有些，在ie6-8中没有)，那么你可以使用像modernizr这样的工具来检测哪些是可用的，并在这些功能不可用的情况下控制这些元素。

通常，动画是额外的-所以我已经很成功地为IE用户放弃了动画-如果你制作缓慢的，javascript驱动的动画只是为了为IE用户工作，你是在惩罚使用更好浏览器的用户。

当然是我的0.02美元