如何使现有的javascript/css文件在Google Chrome中兼容?

如何使现有的javascript/css文件在Google Chrome中兼容?,javascript,css,google-chrome,Javascript,Css,Google Chrome,我们有一个在IE浏览器中运行的现有web应用程序。但由于某些原因,现在我们需要在IE中安装GoogleChrome框架插件,使其像GoogleChrome一样运行 所以现在最大的问题是,我们需要找到不兼容的javascript和css代码,并使其在google Chrome中表现相同 有什么工具或更简单的方法可以做到这一点吗 最好的办法是一个接一个地检查每个问题并解决它 Chrome开发者工具(Control+Shift+J)非常善于指出各种错误和问题 检查JavaScript控制台中显示的错

我们有一个在IE浏览器中运行的现有web应用程序。但由于某些原因,现在我们需要在IE中安装GoogleChrome框架插件,使其像GoogleChrome一样运行

所以现在最大的问题是,我们需要找到不兼容的javascript和css代码,并使其在google Chrome中表现相同


有什么工具或更简单的方法可以做到这一点吗

最好的办法是一个接一个地检查每个问题并解决它

Chrome开发者工具(
Control
+
Shift
+
J
)非常善于指出各种错误和问题

  • 检查JavaScript控制台中显示的错误,以查看JavaScript错误、不正确的MIME类型、丢失的文件等
  • 使用“元素”选项卡并将鼠标悬停在DOM上,以查看页面上突出显示的元素。这将帮助您理解为什么某些CSS会导致某些东西被放置在意外的位置。您也可以从这里更改CSS,并立即查看结果
  • 网络选项卡可能会帮助您查看AJAX请求

还有其他可用的工具,但这些工具对您最有用。

最好的办法是逐个检查每个问题并解决它

Chrome开发者工具(
Control
+
Shift
+
J
)非常善于指出各种错误和问题

  • 检查JavaScript控制台中显示的错误,以查看JavaScript错误、不正确的MIME类型、丢失的文件等
  • 使用“元素”选项卡并将鼠标悬停在DOM上,以查看页面上突出显示的元素。这将帮助您理解为什么某些CSS会导致某些东西被放置在意外的位置。您也可以从这里更改CSS,并立即查看结果
  • 网络选项卡可能会帮助您查看AJAX请求

还有其他可用的工具,但这些工具对您最有用。

我建议您下载firebug,这是一个web浏览器插件,可以让您将任何网站变成您的个人沙箱。它还将让您知道javascript错误


据我所知,大多数错误应该是由javascript本身引起的,因为浏览器之间的读取方式相同。大多数错误来自css定义,例如,您可能正在使用许多与其他浏览器不兼容的IE特定样式(您需要为其他浏览器找到它们的等效样式,例如chrome)。这种不兼容可能会导致您在javascript中出现错误。

我建议您下载firebug,这是一个web浏览器插件,可以让您将任何网站变成您的个人沙箱。它还将让您知道javascript错误


据我所知,大多数错误应该是由javascript本身引起的,因为浏览器之间的读取方式相同。大多数错误来自css定义,例如,您可能正在使用许多与其他浏览器不兼容的IE特定样式(您需要为其他浏览器找到它们的等效样式,例如chrome)。这种不兼容很可能会导致您在javascript中出现错误。

我不会带着开发控制台解决方案来参加聚会,Brad对此做了详细介绍-

但除了这个答案,我不知道这在你的情况下是否可行,但对于CSS,我通常会从FF/Chrome开始,并为IE添加compat-因此,你可能最容易在IE中包装新的CSS规则和链接,并在当前的Chrome规则和链接加载后附加支持,例如

<link rel="stylesheet" type="text/css" media="all" href="all-browser-styles.css" />
<!--[if !IE]> -->
<link rel="stylesheet" type="text/css" media="all" href="non-ie-fixes.css" />
<!-- <![endif]-->

我不会带着开发控制台解决方案来参加聚会,Brad讲得很好-

但除了这个答案,我不知道这在你的情况下是否可行,但对于CSS,我通常会从FF/Chrome开始,并为IE添加compat-因此,你可能最容易在IE中包装新的CSS规则和链接,并在当前的Chrome规则和链接加载后附加支持,例如

<link rel="stylesheet" type="text/css" media="all" href="all-browser-styles.css" />
<!--[if !IE]> -->
<link rel="stylesheet" type="text/css" media="all" href="non-ie-fixes.css" />
<!-- <![endif]-->


Chrome的开发者工具可能?Chrome的开发者工具可能?