В вебизоре яндекса у сайта кривая верстка, это реально так?

Question

[alta77]

Приветствую.
Поделитесь практическим опытом, насколько нужно ориентироваться на вебизор от яндекса.
Вчера увидел, что у 90% посетителей на виндоуз не открываются иконки, у большинства шрифты (сделано правилом font-face)
Сегодня протестировал сайт на винодоуз 8 (хром) и виндоуз xp (эксплорер) и все гуд.
Чему верить?

Comments

[Руслан Садыхов]

Покажите ссылку на сайт, проверим.

Answer 1

[Сергей Горячев]

Вебвизор пишет не видео, а координаты мыши, эмулируя один из браузеров.
Если показывает косяк, значит он реально есть, но нужно искать по всем браузерам и системам.
Вы лучше сайт покажите, чтобы можно было посмотреть.

Comments

[Сергей Горячев]

alta77: Да я просто ручками посмотреть хотел. Особенно меня интересовало подключение шрифтов.

@font-face {
    font-family: ProximaNovaReg;
    src: url(ProximaNovaReg.ttf);
}

плохой метод, неудивительно, что косячит.

@font-face {
    font-family: 'opensans_condensed_bold';
    src: url('../font/opensans_condensed_bold.eot');
    src: url('../font/opensans_condensed_bold.eot?#iefix') format('embedded-opentype'),
         url('../font/opensans_condensed_bold.woff2') format('woff2'),
         url('../font/opensans_condensed_bold.woff') format('woff'),
         url('../font/opensans_condensed_bold.ttf') format('truetype'),
         url('../font/opensans_condensed_bold.svg#opensans_condensed_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

попробуйте код, который генерирует шрифтовая белка https://www.fontsquirrel.com/tools/webfont-generator

[Сергей Горячев]

alta77: а если учесть, что шрифты у вас тоже иконки, то всё становится на свои места. Действительно под виндой не видно шрифтов, через ИЕ 9 даже.

[alta77]

Sergey Goryachev: теперь я понял всю боль верстальщиков по ie... Жесть.

[alta77]

Я правильно понимаю, что в идеале нужно ставить иконки-картинки? svg ?

[Сергей Горячев]

alta77: Нет, можно и шрифты, только подключите нормально. Если иконок много, я использую font-awesome, если немного, то base64. Всё зависит от ситуации.

[Сергей Горячев]

alta77: SVG также использую, если требуется поддержка ретины. Трудно сказать, когда что использовать. Выбирайте сами) Главное по уму)

[alta77]

Sergey Goryachev: Спасибо вам большое! Вопрос - а если буду использовать svg, то проблем с отоброжением не бывает?

[Сергей Горячев]

alta77: У меня бывали, но я не знаю, в чем проблема была, в кривых руках или с самим SVG. Не стал разбираться тогда. В Мозилле не отображались иконки. Тогда отказался от них просто и сделал через Base64. Я вообще стал Base64 любить больше всяких SVG. Хоть и говорят, что это устаревшее решение, мне оно лично нравится.

Answer 2

[Cyber_bober]

Вебвизор записывает видео, а не выводит эмуляцию верстки. Поэтому ответ - да, реально так.

Comments

[timfcsm]

никакое видео никто не записывает https://yandex.ru/support/metrika/general/counter-...

[Сергей Горячев]

Чушь. Вебвизор пишет координаты мыши и клавы. Никому не надо столько видео хранить.

[Cyber_bober]

timfcsm: спасибо за инфу

Answer 3

[Ростислав]

Так. Кроме того, Яндекс это тоже учтет

Answer 4

[alta77]

У меня открыты вопрос все же. Спецом проверил:
был заход на сайт с винды моим другом, в вебизоре показывается, что иконки не показываются, а друг прислал скриншот ,где иконки есть. Ну что за х*?

Answer 5

[Rinat Sadykov]

в настройках счетчика, во вкладке вебвизор, если стоит "Запись страниц при просмотре посетителем: из браузера" - Код счетчика берет содержимое уже загруженной страницы непосредственно из браузера посетителя.
Этот вариант менее ресурсоемок, но содержимое страницы может записаться с искажениями ( в справке так пишут )