CSS файл не подключался в браузере Chrome

10 Сен, 2019

На новом сайте WP внезапно была обнаружена следующая проблема. Когда пользователь через личный кабинет добавляет фотографии, открывается модальное окно с формой для загрузки фото. Но вот, неожиданно, когда сайт тестировался с другого браузера — Chrome (обычно я работала через Opera) я обнаружила, что модальное окно вообще не всплывает. Html отображается внизу страницы, под подвалом.  Когда я инспектировала код через оперу и через хром (правая кнопка мыши — посмотреть код), то путь к сss файлам одних и тех же элементов отличался. Нужные свойства в коде хром вообще не отображались. Как раз это и стало ключом к решению проблему.

Решение за 1 минуту

Первоначально мне показалось, что здесь имеют место быть ошибки в верстке, кроссбраузерности и адаптивности. Либо какие-то свойства хром не распознает. Я даже промониторила нужный файл css, свойства которого упорно не хотел видеть хром, он находился в директории includes. Но все оказалось куда проще. Я скопировала путь к нужному css файлу, и подключила его через head в редакторе файлов темы. То есть вот это я вставила между тегами <head>  и </head>:

<link rel=»stylesheet» id=»media-views-css» href=»https://***.ru/wp-includes/css/media-views.min.css?ver=5.2.3″ type=»text/css» media=»all»>

И все заработало! Можно было конечно копать куда глубже, выяснять причину и т. д. Но у меня, честно, не было на это времени. Главное — все работает. Может кто-то столкнулся с аналогичной проблемой. Иногда, привыкая к сложностям и копаясь в деталях, мы перестаем замечать очевидные решения простых вопросов. Это как раз тот случай.

«
»

Оставить комментарий:

Ваш e-mail не будет опубликован. Обязательные поля помечены *