Не работает 3d просмотр на iphone и в safari

12
nikonlay
На сайте с 11.12.2006
Offline
176
1362

Доброго дня всем!

Есть сайт https://karusel-shop.ru/ , на нем реализован 3д-просмотр товаров, можно посмотреть на странице https://karusel-shop.ru/paw-patrol/ на верхнем товаре и еще несколько на нижних.

При нажатии на картинку 3D-просмотр открывается видео в всплывающем окне. И это нормально работает на pc, также на маке в брауезере хром, но совсем не работает на iphone ни в одном браузере, а также не работает в macOs в браузере сафари (в хром работает).

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

Мощные фонари и бинокли: https://market.yandex.ru/store--volny-i-veter?businessId=79203856
Arsh
На сайте с 21.03.2007
Offline
199
#1
nikonlay:
Подскажите, с чем это может быть связано?

С сафари...

nikonlay
На сайте с 11.12.2006
Offline
176
#2

Arsh, хэх, ну я и не говорю, что сафари - лучший браузер. И сам, если даже сижу с мака, то открываю все через хром. Но при этом есть достаточное количество людей, сидящих в инете с айфонов и с сафари в маке, и хотелось бы, чтобы и у них зд просмотр работал, потому и хотел бы понять, почему не работает

LEOnidUKG
На сайте с 25.11.2006
Offline
1722
#3
а также не работает в macOs

А в нём есть консоль разработчика, чтобы посмотреть что там.

Я думаю просмотр юзает какой-то CSS3 или скрипты, которые сафари тупо не поддерживает.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
nikonlay
На сайте с 11.12.2006
Offline
176
#4

LEOnidUKG, в сафари есть консоль разработчика? Я знаю, что в хроме есть (правая кнопка - просмотреть код), но в хроме на macOs как раз работает, а в сафари, насколько я знаю, нет подобного инструмента

Arsh
На сайте с 21.03.2007
Offline
199
#5
LEOnidUKG:
Я думаю просмотр юзает какой-то CSS3 или скрипты, которые сафари тупо не поддерживает

Или графика в SVG.

nikonlay
На сайте с 11.12.2006
Offline
176
#6

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

И посмотрел в этой консоли, там мне показывает какую-то ошибку при клике на значок 3d, но что именно это за ошибка я что-то затрудняюсь понять. Прилагаю скриншот.

То есть, из того что я понял, какая-то ошибка (error) в файле jquery-2.1.1.min.js - но ведь этого не должно быть, это ведь какой-то стандартная библиотека, насколько я понимаю?

png 175554.png
LEOnidUKG
На сайте с 25.11.2006
Offline
1722
#7

если этой же ошибки нет в хроме, то попробуйте обновить до последней версии Jquery v3.3.1

nikonlay
На сайте с 11.12.2006
Offline
176
#8

LEOnidUKG, хмм, обновил до Jquery v3.3.1, пока не заработало, но по крайней мере что-то поменялось.

Теперь при наведении на значок 3d-просмотра курсор не изменяет указатель на "палец" и ничего не происхдит при клике.

Причем, теперь не работает ни в сафари, ни хроме, ни на маке, ни на PC.. Ну по крайней мере к одному знаменателю пришли )

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

Могли бы подсказать, что теперь не так?

Переводя с английского, можно понять, что там какое-то отсроченное исключение, но вот могу понять, что именно с ним не так.

png 175556.png
nikonlay
На сайте с 11.12.2006
Offline
176
#9

Погуглил сейчас про эту ошибку Deferred exception, пишут, что она исправляется с помощью migrate.js

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

Только теперь показывает ошибки как в файле Jquery, так и в этом Jquery-migrate.

И непонятно теперь снова, как это можно исправить?

png 175557.png
nikonlay
На сайте с 11.12.2006
Offline
176
#10

Блин, не соскучишься с этим 3д-просмотром. Сейчас поискал, и тут http://seoaction.net/index.php?topic=3771.0 пишут, что необязательно устанавливать Jquery-migrate, достаточно найти в своем коде .load, .unload или .error и заменить их на .on

Я поискал, и нашел у себя в файле nextmenufix (https://karusel-shop.ru/catalog/view/javascript/next-default/nextmenufix.js) 3 упоминания использования .load

И заменил

$(window)

.load(function() {...

на

$(window)

.on('load',function() {...

тут я все как в примере с seoaction сделал

А также

$('#quik360').load(url + ' #content .thumbnails', function() {

на

$('#quik360').on('load', url + ' #content .thumbnails', function() {

А тут уже не совсем уверен, тк тут в скобках до function() идет какое-то "url + ' #content .thumbnails'" и не совсем понятно, так ли нужно его заменять, как сделал, или нет.

Но теперь снова 3д-просмотр перестал работать и в хроме, на и на пк, везде. И выдает в консоли уже какую-то новую ошибку, прилагаю скриншот.

Как теперь ее можно исправить, могли бы подсказать?

png 175561.png
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий