мобильная эмуляция с помощью сборника рассказов - PullRequest
0 голосов
/ 13 февраля 2019

Я пытаюсь протестировать своих слушателей событий прикосновения к сенсорному экрану на компоненте реагирования, созданном с помощью сборника рассказов, и мне не удается настроить надлежащую мобильную эмуляцию.Изменения стиля, которые я прикрепил к контрольным точкам ширины окна, работают при физическом изменении размера окна, но при просмотре режима iframe в эмуляторе устройства Chrome или на моем телефоне он просто выглядит как крошечная версия сайта рабочего стола.Кажется, он не работает с моей анимацией смахивания.Я провел множество поисков по этому вопросу, и все, что мне удалось найти, - это дополнение к сборнику рассказов для управления окном просмотра (https://www.npmjs.com/package/@storybook/addon-viewport). Я довольно новичок в разработке для мобильных устройств, таких как касание экрана, поэтому любая помощь будет принята с благодарностью!

1 Ответ

0 голосов
/ 06 марта 2019

я обнаружил, что проблема была в метатегах.чтобы заставить мобильную эмуляцию работать, вам нужно в папку .storybook, добавить файл с именем preview-head.html и затем в файл <meta name="viewport" content="width=device-width, initial-scale=1">, чтобы эмуляция работала правильно, просмотреть компонент как iframe.

...