不推荐使用主线程上的同步 XMLHttpRequest

Question

• 我正在开发 extjs 框架..
  • 我有一个在 extjs 上运行的应用程序..
  • 每当我在浏览器中打开应用程序时...我都会看到以下内容 我的控制台中的警告...

主线程上的同步 XMLHttpRequest 已被弃用，因为它对最终用户的体验产生不利影响。如需更多帮助，请查看http://xhr.spec.whatwg.org/

• 你们能告诉我如何删除它吗..
• 当我点击 ext-all-debug-w-cmets.js 文件的警告时

• 并指向以下代码部分...

  试试{ xhr.open('GET', noCacheUrl, false); xhr.send(null); } 抓住 (e) { isCrossOriginRestricted = true; }

• 你们能告诉我如何防止它发生吗...

• 在该文件下方提供我的代码

  /** * 加载脚本文件，支持异步和同步两种方式 * @私人的 */ loadScriptFile：函数（url，onLoad，onError，范围，同步）{ if (isFileLoaded[url]) { 返回装载机； }

          var config = Loader.getConfig(),
              noCacheUrl = url + (config.disableCaching ? ('?' + config.disableCachingParam + '=' + Ext.Date.now()) : ''),
              isCrossOriginRestricted = false,
              xhr, status, onScriptError,
              debugSourceURL = "";
  
          scope = scope || Loader;
  
          Loader.isLoading = true;
  
          if (!synchronous) {
              onScriptError = function() {
              };
  
              scriptElements[url] = Loader.injectScriptElement(noCacheUrl, onLoad, onScriptError, scope);
          } else {
              if (typeof XMLHttpRequest != 'undefined') {
                  xhr = new XMLHttpRequest();
              } else {
                  xhr = new ActiveXObject('Microsoft.XMLHTTP');
              }
  
              try {
                  xhr.open('GET', noCacheUrl, false);
                  xhr.send(null);
              } catch (e) {
                  isCrossOriginRestricted = true;
              }
  
              status = (xhr.status === 1223) ? 204 :
                  (xhr.status === 0 && (self.location || {}).protocol == 'file:') ? 200 : xhr.status;
  
              isCrossOriginRestricted = isCrossOriginRestricted || (status === 0);
  
              if (isCrossOriginRestricted
              ) {
              }
              else if ((status >= 200 && status < 300) || (status === 304)
              ) {
                  // Debugger friendly, file names are still shown even though they're eval'ed code
                  // Breakpoints work on both Firebug and Chrome's Web Inspector
                  if (!Ext.isIE) {
                      debugSourceURL = "\n//@ sourceURL=" + url;
                  }
  
                  Ext.globalEval(xhr.responseText + debugSourceURL);
  
                  onLoad.call(scope);
              }
              else {
              }
  
              // Prevent potential IE memory leak
              xhr = null;
          }
      },
  

Answer 1

此警告仅在 ExtJs 开发环境的 Chrome 中显示。使用sencha cmd 构建应用程序后，警告将不再显示。正如@Evan 指出的那样，警告看起来是良性的，您不必担心。

存在警告这一事实不应成为问题，因为它永远不会显示在已部署的应用程序中。如果您还没有使用 sencha cmd，那么将它集成到您​​的开发周期中绝对值得。

我知道这不是问题的直接答案。我自己，我想知道是否有可能完全摆脱这个警告。