Карты Google не работают в Firefox и Safari - PullRequest
Новая
       93

Карты Google не работают в Firefox и Safari

0 голосов
/ 05 октября 2018

У меня есть проблема на веб-сайте Wordpress, из-за которой Карты Google не загружаются специально в Firefox и Safari.На карте отображается пустое и сообщение Загрузка карты ..., которое никогда не заканчивается в этих двух браузерах.

Это любопытное сообщение желтого цвета отображается в браузере в Google Chrome: 

jquery.min.js?ver=1.11.1:4 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://github.com/googlemaps/js-map-label/blob/gh-pages/src/maplabel.js?_=XXXXXXXXXX with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

ив Firefox оно отображает следующее сообщение также в виде желтого предупреждения: 

Loading failed for the <script> with source “https://github.com/googlemaps/js-map-label/blob/gh-pages/src/maplabel.js?_=XXXXXXXXX”.

Есть какие-либо подсказки о том, что это работает только в Chrome, а не в Firefox и Safari?Любая подсказка, как ее решить?

Спасибо

1 Ответ

0 голосов
/ 05 октября 2018

Начиная с ошибки, ваш CSP (Политика безопасности контента) не позволяет загружать скрипты из домена github.com.

Вы можете:

  • Отредактировать заголовки content-security-policy, чтобы разрешить загрузку https://github.com.Вы можете сделать это из настроек Apache / Nginx или из PHP (если вы его используете), но я предпочитаю обрабатывать эти заголовки из конфигурации веб-сервера.
    • CSP также можно управлять с помощью метатега заголовка
    • Поскольку вы работаете непосредственно с Github, вам может потребоваться изменить default-src как тип содержимого text/html.Я не знаю, справится ли script-src .
  • Загрузите и загрузите скрипт на свой сервер.Таким образом, он будет загружен из того же домена и не должен выдавать ошибку CSP.

Также:

  • Использование файлов непосредственно из GitHub - не лучшая идея.Как вы можете видеть здесь и из вашей ошибки консоли with MIME type text/html, Github подает ваш файл JS как text/html вместо application/javascript.
  • Было бы лучше использовать правильный CDN(если существует CDN, обслуживающий ваш файл), или сохраните файл на вашем сервере.
...