Значки материалов и роботов не загружены в Safari - только Safari - PullRequest
Новая
       114

Значки материалов и роботов не загружены в Safari - только Safari

0 голосов
/ 11 ноября 2019

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

enter image description here

Мы наблюдаем, что это только не работает в Safari. Независимо от того, проводим ли мы тестирование на iPhone или Mac.

Шрифты загружаются следующим образом: 

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

Любой другой протестированный нами браузер правильно отображает значки и шрифт. (Браузер Google на iOS; Chrome на Windows)

Из того, что мы видим в отладчике Safari, кажется, что файлы шрифтов не могут быть загружены. (Я не хотел писать это, но: иногда я замечал, что это работает на короткое время, а затем перестает работать.)

В Chrome результат выглядит так:

enter image description here

Что бы вы посоветовали?

  • Self Hosting? Почему?

Обновление 2019-11-13: найдена дополнительная информация по адресу: https://github.com/doanythingfordethklok/safari-cache-bug

1 Ответ

1 голос
/ 13 ноября 2019

Вы, похоже, сталкиваетесь именно с той ошибкой, с которой обновили свое сообщение.

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

Альтернативным подходом будет ожидание того, чтобы документ был готов через (т.е. jQuery's) document.ready function: 

$(document).ready(function() {
    // your code here
});

Вы можете попробовать поместить туда свой код или, в качестве альтернативы, дождаться ввода данных пользователем, пока не начнутся перенаправления. Лично мне не повезло с подходом document.ready и я переключился на метод пользовательского ввода.

...