在Chrome开发人员工具中，资源的状态为已取消是什么意思？

是什么导致页面被取消？我有一个Chrome开发者工具的屏幕截图。

这种情况经常发生，但并非每次都发生。似乎一旦缓存了其他一些资源，页面刷新将加载LeftPane.aspx。真正奇怪的是，这仅发生在Google Chrome中，而不是Internet Explorer 8中。为什么Chrome会取消请求？

我们遇到了类似的问题，即Chrome取消了在框架或iframe中加载内容的请求，但只是间歇性的，它似乎取决于计算机和/或互联网的连接速度。

这些信息已经过了几个月，但是我从头开始构建Chromium，从源头开始挖掘，找到可以取消请求的所有位置，并在所有这些位置设置断点以进行调试。从内存来看，Chrome唯一可以取消请求的地方：

• 导致发出请求的DOM元素被删除（即，正在加载IMG，但是在加载之前，您已删除IMG节点）
• 您所做的事情使加载数据变得不必要。（即，您开始加载iframe，然后更改了src或覆盖了内容）
• 有许多请求发送到同一服务器，并且较早请求的网络问题表明后续请求将无法正常工作（DNS查找错误，导致较早（相同）请求，例如HTTP 400错误代码等）

在我们的案例中，我们最终将其追溯到一个框架，试图将HTML附加到另一框架，有时这是在目标框架加载之前发生的。触摸iframe的内容后，它就无法再将资源加载到其中（它将如何知道将其放置在哪里？），因此它将取消请求。

在JavaScript事件上的ajax请求上也可能发生status = canceled状态：

<script>
  $("#call_ajax").on("click", function(event){
     $.ajax({
        ...    
     });
  });
</script>

<button id="call_ajax">call</button> 

该事件成功发送了请求，但随后被取消（但由服务器处理）。原因是，无论您是否在同一单击事件上发出任何ajax请求，元素都将在单击事件上提交表单。

为了防止请求被取消，JavaScript event.preventDefault（）; 必须称为：

<script>
  $("#call_ajax").on("click", function(event){
     event.preventDefault();
     $.ajax({
        ...    
     });
  });
</script>

注意：请确保您没有任何包装表单元素。

我遇到了类似的问题，将带有onclick = {}的按钮包装在一个表单元素中。当点击按钮时，表单也被提交，这一切都搞砸了...

这个答案可能永远不会被任何人阅读，但是我想出了为什么不写它:)

需要注意的另一件事可能是AdBlock扩展或一般的扩展。

但是“很多”人拥有AdBlock。

要排除扩展，请在隐身模式下打开一个新标签，以确保要测试的扩展范围的“隐身模式允许关闭”。

您可能要检查“ X-Frame-Options”标题标签。如果将其设置为SAMEORIGIN或DENY，则Chrome（和其他浏览器）将根据规格取消插入iFrame。

另外，请注意，某些浏览器支持ALLOW-FROM设置，但Chrome不支持。

要解决此问题，您将需要删除“ X-Frame-Options”标题标签。这可能使您容易遭受点击劫持攻击，因此您需要确定风险是什么以及如何减轻风险。

以我为例，我发现这是jquery全局超时设置，一个jquery插件将全局超时设置为500ms，因此当请求超过500ms时，chrome将取消该请求。

这是我发生的事情：服务器为302重定向返回了格式错误的“位置”标头。当然，Chrome无法告诉我这一点。我在firefox中打开页面，并立即发现了问题。很高兴拥有多个工具:)

我们遇到(canceled)状态的另一个地方是特定的TLS证书配置错误。如果网站https://www.example.com配置错误，例如证书不包含，www.但证书有效https://example.com，则chrome将取消此请求并自动重定向到后者。这不是对Firefox的情况。

当前有效的示例：https : //www.pthree.org/

在iframe中不同域上的安全页面和非安全页面之间重定向时，发生了取消的请求。重定向的请求在开发工具中显示为“已取消”请求。

我有一个包含iframe的页面，其中包含由我的付款网关托管的表单。提交iframe中的表单后，付款网关将重定向回我服务器上的URL。重定向最近停止工作，最终变为“已取消”请求。

Chrome（我使用的是Windows 7 Chrome 30.0.1599.101）似乎不再允许iframe中的重定向转到单独域上的非安全页面。要解决此问题，我只是确保将iframe中的所有重定向请求始终发送到安全网址。

当我创建一个仅包含iframe的简单测试页时，控制台中出现了警告（我以前错过了它，或者可能没有出现）：

[Blocked] The page at https://mydomain.com/Payment/EnterDetails ran insecure content from http://mydomain.com/Payment/Success

在PC，Mac和Android上的Chrome中，重定向已变为已取消的请求。我不知道它是否特定于我的网站设置（SagePay低配置文件）或Chrome中的某些更改。

如果我使用指向本地主机的“ 移动仿真”，Chrome版本33.0.1750.154 m始终取消图像加载；特别是启用了用户代理欺骗功能（仅针对屏幕设置）。

当我关闭用户代理欺骗时；图片请求未取消，我看到了图片。

我还是不明白为什么。在前一种情况下，请求被取消时，请求标头（注意：显示了临时标头）仅具有

• 接受
• 缓存控制
• 语用
• 推荐人
• 用户代理

在后一种情况下，所有这些加上其他类似：

• 曲奇饼
• 连接
• 主办
• 接受编码
• 接受语言

耸耸肩

通过JavaScript重定向时，我在Chrome中收到此错误：

<script>
    window.location.href = "devhost:88/somepage";
</script>

如您所见，我忘记了“ http：//”。添加完之后，它就可以了。

就我而言，我有一个点击事件主播，例如

<a href="" onclick="somemethod($index, hour, $event)">

在内部点击事件中，我进行了一些网络通话，Chrome取消了该请求。锚点具有hrefwith ""手段，它将重新加载页面，同时发生具有取消的网络调用的click事件。每当我href用空之类的替换

<a href="javascript:void(0)" onclick="somemethod($index, hour, $event)">

问题消失了！

这是我刚刚遇到的另一种被chrome取消请求的情况，那里没有任何答案。

简而言之
，我的Android手机上不信任自签名证书。

详细信息
我们处于开发/调试阶段。网址指向自签名主机。代码如下：

location.href = 'https://some.host.com/some/path'

Chrome只是默默地取消了该请求，对于像我这样的网络开发新手来说，没有任何线索可以解决该问题。一旦我使用android手机下载并安装了证书，问题就消失了。

如果您使用了一些基于可观察的HTTP请求（例如Angular（2+）内置的HTTP请求），则可以取消取消可观察的HTTP请求（使用RxJS 6 switchMap运算符组合流时很常见） 。在大多数情况下mergeMap，如果您想完成请求，则只需使用operator 就足够了。

我有两个完全相同的东西，两个CSS文件存储在我的主要css文件夹之外的另一个文件夹中。我正在使用Expression Engine，发现问题出在htaccess文件中的规则中。我只是将文件夹添加到我的条件之一中，并对其进行了修复。这是一个例子：

RewriteCond %{REQUEST_URI} !(images|css|js|new_folder|favicon.ico)

因此，可能值得您检查htaccess文件是否存在任何潜在冲突

当我在样式表中嵌入网络字体时，我已经嵌入了所有类型的字体以及woff，woff2，ttf。最近，我注意到存在woff2时，Chrome取消了对ttf和woff的请求。我现在使用的是Chrome版本66.0.3359.181，但是我不确定Chrome何时开始取消其他字体类型。

我们有这样一个问题<button>，即表单中有标签，该标签应该从js发送ajax请求。但是，由于浏览器的缘故，该请求被取消，该请求会在每次点击后自动发送表格button在表单内的表单。

因此，如果您确实要使用button 而不是常规页面，div或者span要在页面上发送表单抛出js，则应使用以下方法设置侦听器：preventDefault功能。

例如

$('button').on('click', function(e){

    e.preventDefault();

    //do ajax
    $.ajax({

     ...
    });

})

打电话给我时，我也是如此。带$的js文件。ajax，并发出ajax请求，我所做的通常是正常的。

就我而言，显示电子邮件客户端窗口的代码导致Chrome停止加载图像：

document.location.href = mailToLink;

将其移动到$（window）.load（function（）{...}）而不是$（function（）{...}）帮助。

当我遗漏return false时，这可以帮助我遇到被取消状态的任何人；在表格中提交。这导致ajax发送后紧接着是提交操作，该操作覆盖了当前页面。代码如下所示，重要的return末尾为false。

$('form').submit(function() {

    $.validator.unobtrusive.parse($('form'));
    var data = $('form').serialize();
    data.__RequestVerificationToken = $('input[name=__RequestVerificationToken]').val();

    if ($('form').valid()) {
        $.ajax({
            url: this.action,
            type: 'POST',
            data: data,
            success: submitSuccess,
            fail: submitFailed
        });
    }
    return false;       //needed to stop default form submit action
});

希望能对某人有所帮助。

对于任何来自LoopbackJS并尝试使用其图表示例中提供的自定义流方法的用户。我使用来获取此错误PersistedModel，切换到基本Model解决了我的问题eventsource状态取消的问题。

再次，这是专门为回送api。而且由于这是最重要的答案，也是Google的最重要答案，所以我想我将这些答案混在一起。

我曾经遇到过同样的问题，在我们代码的深处，我们有了这个伪代码：

• 创建一个iframe

• iframe onload提交表格

• 2秒后，移除iframe

因此，当服务器花了2秒钟以上的时间来响应服务器向其写入响应的iframe时，该响应已被删除，但响应仍需写入，但没有iframe可以写入，因此chrome取消了该请求，因此，为避免这种情况，我确保仅在响应结束后才删除iframe，或者可以将目标更改为“ _blank”。因此，原因之一是： 在停止写入之前删除或删除了您正在写入内容的资源（在我的情况下为iframe）时，该请求将被取消

对我来说，“取消”状态是因为文件不存在。奇怪为什么铬不显示404。

对我而言，这就像一条错误的路一样简单。我建议调试的第一步是查看是否可以独立于ajax等加载文件。

这些请求可能已被跟踪保护插件阻止。

当加载300张图像作为背景图像时，这发生在我身上。我猜第一个超时了，它取消了所有其余的，或者达到了最大并发请求。需要一次实施5次

原因之一可能是在代码中的某处调用了XMLHttpRequest.abort（），在这种情况下，请求的cancelled状态将在Chrome开发者工具的“网络”标签中显示。

就我而言，它是在chrome 76更新之后开始的。

由于我的JS代码中的某些问题，window.location多次更新，导致取消了先前的请求。尽管以前存在问题，但chrome在更新到版本76后开始取消请求。

更新记录时，我遇到了同样的问题。在save（）内部，我正在准备从表单中获取的原始数据以匹配数据库格式（对枚举值进行大量映射等），并且这会间歇性地取消放置请求。我通过从save（）中准备数据并从中创建专用的dataPrep（）方法来解决该问题。我将此dataPrep转换为异步并等待所有内存密集型数据转换。然后，我将准备好的数据返回到可以在http put客户端中使用的save（）方法。我确保在调用put方法之前在dataPrep（）上等待：

await dataToUpdate =等待dataPrep（）; http.put（apiUrl，dataToUpdate）;

这样解决了请求的间歇取消。

如果您使用axios，它可以为您提供帮助

// change timeout delay: instance.defaults.timeout = 2500;

https://github.com/axios/axios#config-order-of-precedence