Что означает status=cancelled для ресурса в инструментах разработчика Chrome?

Question

Что означает status=cancelled для ресурса в инструментах разработчика Chrome?

Что может привести к отмене страницы? У меня есть скриншот инструментов разработчика Chrome.

Canceled Resource

Это происходит часто, но не каждый раз. Похоже, как только некоторые другие ресурсы кэшируются, обновление страницы загрузит левую панель.aspx. И что действительно странно, это происходит только в Google Chrome, а не в Internet Explorer 8. Есть идеи, почему Chrome отменит запрос?

2481 21

google-chrome debugging http web-developer-toolbar developer-tools

21 ответов:

Comments

Ничего не найдено.

whamma · Accepted Answer · 2015-11-09 10:35:23

мы боролись с аналогичной проблемой, когда Chrome отменял запросы на загрузку вещей в рамках фреймов или iframes, но только периодически, и это, казалось, зависело от компьютера и/или скорости подключения к интернету.

эта информация устарела на несколько месяцев, но я построил Chromium с нуля, прокопал источник, чтобы найти все места, где запросы могут быть отменены, и ударил точки останова на всех из них для отладки. Из памяти остались только места где хром отменит запрос:

элемент DOM, который вызвал запрос, был удален (т. е. загружается IMG, но до того, как произошла загрузка, вы удалили узел IMG)

вы сделали что-то, что сделало загрузку данных ненужной. (т. е. вы начали загрузку iframe, затем изменили src или перезаписали содержимое)

есть много запросов, идущих на один и тот же сервер, и сетевая проблема на более ранних запросах показала, что последующие запросы не собирались работать (ошибка поиска DNS, более ранний (тот же) запрос привел, например, к коду ошибки HTTP 400 и т. д.)

в нашем случае мы, наконец, проследили его до одного кадра, пытаясь добавить HTML к другому кадру, что иногда происходило до того, как целевой кадр даже загрузился. Как только вы коснетесь содержимого iframe, он больше не сможет загружать в него ресурс (как он узнает, куда его поместить?), поэтому он отменяет запрос.

fuco · Accepted Answer · 2014-06-05 16:55:42

status=cancelled может произойти также на ajax запросы на JavaScript события:
<script>
  $("#call_ajax").on("click", function(event){
     $.ajax({
        ...    
     });
  });
</script>

<button id="call_ajax">call</button> 
событие успешно отправляет запрос, но затем отменяется (но обрабатывается сервером). Причина в том, что элементы отправляют формы на события щелчка, независимо от того, делаете ли вы какие-либо запросы ajax на одно и то же событие щелчка.

чтобы предотвратить отмену запроса, событие JavaScript.preventDefault (); должны быть вызваны:
<script>
  $("#call_ajax").on("click", function(event){
     event.preventDefault();
     $.ajax({
        ...    
     });
  });
</script>

Justin Cloud · Accepted Answer · 2013-06-13 00:19:12

вы можете проверить тег заголовка "X-Frame-Options". Если его значение равно SAMEORIGIN или DENY, то вставка iFrame будет отменена Chrome (и другими браузерами) за spec.

кроме того, обратите внимание, что некоторые браузеры поддерживают настройку ALLOW-FROM, но Chrome этого не делает.

чтобы решить эту проблему, вам нужно будет удалить тег заголовка "X-Frame-Options". Это может оставить вас открытыми для clickjacking attacks Так что вам нужно будет решить, что риски есть и как их снизить.

James Kyburz · Accepted Answer · 2013-10-16 13:53:38

еще одна вещь, на которую нужно обратить внимание, может быть расширение AdBlock или расширения в целом.

но "много" людей имеют AdBlock....

чтобы исключить расширение(ы), откройте новую вкладку в incognito, убедившись, что "разрешить в incognito выключен" для расширения(ОВ), которое вы хотите проверить.

stianlp · Accepted Answer · 2016-09-22 16:00:15

NB: убедитесь, что у вас нет любые элементы формы обертывания.

У меня была аналогичная проблема, когда моя кнопка с onclick={} была завернута в элемент формы. При нажатии на кнопку форма также отправляется, и это все испортило...

этот ответ, вероятно, никогда не будет прочитан никем, но я понял, почему бы не написать его:)

Jared Forsyth · Accepted Answer · 2013-06-25 23:01:57

вот что случилось со мной: сервер возвращал искаженный заголовок "Location" для перенаправления 302. Хром, конечно, не сказал мне об этом. Я открыл страницу в firefox, и сразу же обнаружил проблему. Приятно иметь несколько инструментов:)

limodou · Accepted Answer · 2013-07-04 07:32:22

в моем случае я обнаружил, что это jQuery global timeout settings, jQuery plugin setup global timeout до 500 мс, так что когда запрос превысит 500 мс, chrome отменит запрос.

Phil M · Accepted Answer · 2013-10-21 16:12:12

отмененный запрос произошел со мной при перенаправлении между защищенными и незащищенными страницами на отдельных доменах внутри iframe. Перенаправленный запрос отображается в инструментах разработки как" отмененный " запрос.

У меня есть страница с iframe, содержащая форму, размещенную на моем платежном шлюзе. Когда форма в iframe была отправлена, платежный шлюз перенаправит обратно на URL-адрес на моем сервере. Перенаправление недавно перестало работать и вместо этого оказалось "отмененным" запросом.

похоже, что Chrome (я использовал Windows 7 Chrome 30.0.1599.101) больше не разрешал перенаправление в iframe для перехода на незащищенную страницу в отдельном домене. Чтобы исправить это, я просто убедился, что все перенаправленные запросы в iframe всегда отправлялись на безопасные URL-адреса.

когда я создал более простую тестовую страницу только с iframe, в консоли было предупреждение (которое я ранее пропустил или, возможно, не появился):
[Blocked] The page at https://mydomain.com/Payment/EnterDetails ran insecure content from http://mydomain.com/Payment/Success
редирект превратился в a отменен запрос в Chrome на ПК, Mac и Android. Я не знаю, относится ли это к моей настройке сайта (Sagepay Low Profile) или что-то изменилось в Chrome.

William Budington · Accepted Answer · 2017-06-20 21:39:12

еще одно место, где мы столкнулись с (canceled) состояние находится в определенной неправильной конфигурации сертификата TLS. Если сайт такой как https://www.example.com неправильно сконфигурирован таким образом, что сертификат не содержит www. но действует https://example.com, chrome отменит этот запрос и автоматически перенаправит на последний сайт. Это не случай для Firefox.

В настоящее время действительный пример:https://www.pthree.org/

gelviis · Accepted Answer · 2013-04-24 13:59:32

У меня было то же самое с двумя файлами CSS, которые хранились в другой папке за пределами моей основной папки css. Я использую Expression Engine и обнаружил, что проблема была в правилах в моем файле htaccess. Я просто добавил папку к одному из моих условий, и он исправил его. Вот пример:
RewriteCond %{REQUEST_URI} !(images|css|js|new_folder|favicon.ico)
поэтому, возможно, стоит проверить ваш файл htaccess на наличие потенциальных конфликтов

The Red Pea · Accepted Answer · 2014-03-26 23:30:16

Chrome Version 33.0.1750.154 M последовательно отменяет загрузку изображений, Если я использую Мобильная Эмуляция указал на мой localhost; в частности, с спуфинг агента пользователя on (и просто настройки экрана).

когда я отключаю спуфинг агента пользователя; запросы изображений не отменяются, я вижу изображения.

Я до сих пор не понимаю, почему; в первом случае, когда запрос отменяется заголовки запроса (внимание: предварительный заголовки показаны) есть только

принимать

Cache-Control

Pragma

Referer

User-Agent

в последнем случае, все эти плюс другие подобные:

Cookie

подключение

Хоста

Accept-Encoding

Accept-Language

пожать плечами

Gerfried · Accepted Answer · 2017-04-09 00:40:02

Я получил эту ошибку в Chrome при перенаправлении через JavaScript:
<script>
    window.location.href = "devhost:88/somepage";
</script>
Как видите,Я забыл ' http://'. После того, как я добавил его, он работал.

Ali Sheikhpour · Accepted Answer · 2018-05-31 14:02:04

я встроил все типы шрифтов, а также музыка,woff2, ttf когда я вставляю веб-шрифт в таблицу стилей. Недавно я заметил, что Chrome отменяет запрос на ttf и музыка, когда woff2 присутствует. Я использую версию Chrome 66.0.3359.181 прямо сейчас, но я не уверен, когда Chrome начал отменять дополнительные типы шрифтов.

Mario Gonzales Flores · Accepted Answer · 2013-08-13 21:48:38

случилось со мной то же самое при вызове файла. js с $. ajax, и сделать запрос ajax, то, что я сделал, называлось нормально.

Nicolai Shestakov · Accepted Answer · 2014-05-19 08:32:13

в моем случае код для отображения окна почтового клиента заставил Chrome прекратить загрузку изображений:
document.location.href = mailToLink;
перемещение его в $(окно).load (function () {...}) вместо $(функция () {...}) помогший.

Jon P Smith · Accepted Answer · 2014-06-09 12:28:18

в can это помогает любому, с кем я столкнулся с отмененным статусом, когда я оставил возврат false; в форме submit. Это вызвало отправку ajax, за которой сразу же последовало действие отправки, которое перезаписало текущую страницу. Код показан ниже, с важным возвращением 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
});
надеюсь, что это кому-то поможет.

Aaron Russell · Accepted Answer · 2016-04-06 01:49:13

для тех, кто приходит из LoopbackJS и пытается использовать пользовательский метод потока, как указано в их примере диаграммы. Я получал эту ошибку с помощью PersistedModel переход на основные Model исправлена моя проблема eventsource статус перечеркнул.

опять же, это специально для loopback api. И поскольку это лучший ответ и топ на google, я решил, что я брошу это в смесь ответов.

Hiresh · Accepted Answer · 2017-03-28 10:28:40

Я столкнулся с той же проблемой, где-то глубоко в нашем коде у нас был этот псевдокод:

создать iframe

onload of iframe отправить форму

через 2 секунды снимите iframe

таким образом, когда сервер занимает более 2 секунд, чтобы ответить iframe , на который сервер писал ответ, был удален, но ответ все еще должен был быть записан, но не было iframe для записи , таким образом, chrome отменил запрос, поэтому, чтобы избежать этого, я убедился, что iframe удаляется только после завершения ответа, или вы можете изменить цель на "_blank". Таким образом, одной из причин является: когда ресурс (iframe в моем случае), в котором вы что-то пишете, удаляется или удаляется до того, как вы перестанете писать на него, запрос будет отменен

Reza · Accepted Answer · 2017-04-24 15:16:46

для моего случая, у меня был якорь с событием щелчка, как
<a href="" (click)="onClick($index, hour, $event)">
внутри события щелчка у меня был какой-то сетевой вызов, chorme отменяющий запрос. Якорь имеет href С "" означает попытку пройти начальный (пустой) маршрут и в то же время он имеет событие щелчка с сетевым вызовом!! Всякий раз, когда я заменяю href с пустотой, как
<a href="javascript:void(0)" (click)="onClick($index, hour, $event)">
проблема ушла!

FreeLightman · Accepted Answer · 2018-02-10 19:56:08

для меня статус отменен был, потому что файл не существует. Странно, почему хром не показывает 404.

Cameron · Accepted Answer · 2018-10-03 10:11:40

Это было так просто, как неправильный путь для меня. Я бы предложил первым шагом в отладке было бы посмотреть, можете ли вы загрузить файл независимо от ajax и т. д.