如何在JavaScript中实现谷歌浏览器（Chrome）调用与Internet Explorer浏览器？

在JavaScript中，由于谷歌浏览器（Chrome）和Internet Explorer（IE）对某些API和标准的支持可能存在差异，特别是在旧版本的IE中，为了确保兼容性，可以采取以下几种策略：

1. 使用`@target`和`@srcset`属性：对于图片和其他媒体资源，你可以使用HTML5的`<picture>`标签，它允许你指定针对不同浏览器的源。

<picture>
  <source srcset="chrome-image.webp" media="(prefers-webp: true)">
  <img src="ie-image.jpg">
</picture>

2. 使用Modernizr库：Modernizr是一个小型脚本库，用于检测浏览器是否支持特定的CSS3、HTML5等特性，以此提供兼容性处理。

if (!Modernizr.canvas) {
  // IE8 or earlier doesn't support canvas
}

3. Babel转换：如果你使用了一些ES6+的新特性，可以使用Babel将代码转译成更广泛的浏览器能理解的语法。

4. Polyfill和Shim：对于一些缺少的API，比如Promise、Array.from等，可以引入polyfill来提供回退方案。

// 引入Promise polyfill for IE
if (typeof Promise === 'undefined') {
  // include a polyfill like es6-promise
}

5. 判断浏览器版本并编写条件代码：通过`navigator.userAgent`检查浏览器信息，针对不同的版本执行不同的代码块。

var isIE = !!window.MSInputMethodContext && !!document.documentMode;
if (isIE) {
  // Code for Internet Explorer
} else {
  // Code for modern browsers
}