如何使现有的javascript/css文件在谷歌浏览器兼容

How to make existing javascript/css files be compatible in Google Chrome?

本文关键字：文件 谷歌浏览器 css 何使现 javascript      更新时间：2023-09-26

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

所以现在最大的问题是，我们需要找到不兼容的javascript和css代码，并使其在谷歌Chrome浏览器的行为相同。

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

最好的办法是逐一检查每个问题并加以解决。

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

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

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

我不会带着Dev控制台解决方案来参加派对，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]-->

我建议你下载firebug，这是一个网页浏览器插件，可以让你把任何网站变成你的个人沙盒。它还会让您知道javascript错误。

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

相关文章：