Проверьте, не блокируется ли пользователем домен третьей стороны

Question

У меня возникла проблема, когда многие наши запросы поддержки касаются наших изображений, которые не загружаются, поскольку пользователь блокирует амазонку s3 или аналогичную стороннюю службу. Я использую сторонние службы для размещения изображений, видео и некоторых javascript. Есть ли способ обнаружить через javascript, если клиент блокирует домен, чтобы мы отображали сообщение вместо поддержки контакта с пользователем?

$.ajax 'http://aws.amazon.com/s3/', 
    type: 'GET', 
    dataType: 'html' 
    complete: (e, xhr, settings) -> 
    if e.status == 200 
     console.log "Not Blocking S3" 
    else 
     console.log "Blocking S3" 

Основываясь на комментариях, я сделал попытку, но он все еще не работает. Он возвращает блокировку, когда у меня нет блоков.

Приведенный выше пример кода coffeescript не работает, поскольку я считаю, что произошла ошибка безопасности, поскольку она выполняет ajax в другом домене. Firebug показывает запрос красным цветом, но говорит 200. e.status возвращается 0.

Answer 1

Загрузите изображение из домена, который вы хотите проверить.

<img id="checkImg" src="https://www.google.com/images/srpr/logo3w.pngAAA" /> 

Просто обычный тег изображения (обратите внимание на AAA в конце, чтобы сделать его не работы). Затем вы можете проверить ширину изображения, чтобы увидеть, загружена ли она или нет.

if(document.getElementById('checkImg').clientWidth != 275) 
    alert("Error") 

Логотип Google является 275px шириной, но изображение ошибка (в Chrome по крайней мере) только 18px. Поэтому, если изображение не имеет ширины 275 пикселей, я знаю, что оно не загрузилось.

Demo