Я пытаюсь протестировать свои слушатели событий смахивания на сенсорном экране на компоненте реакции, созданном с помощью сборника рассказов, и, похоже, мне не удается заставить работать надлежащую мобильную эмуляцию. Изменения стиля, которые я добавил к контрольным точкам ширины окна, работают при физическом изменении размера окна, но при просмотре режима iframe в эмуляторе устройства Chrome или на моем телефоне он выглядит как крошечная версия сайта для настольных компьютеров. Похоже, это тоже не работает с моей анимацией смахивания. Я много гуглил по этому поводу, и все, что мне удалось найти, - это надстройка сборника рассказов для управления окном просмотра (https://www.npmjs.com/package/@storybook/addon-viewport). Я новичок в разработке опций только для мобильных устройств, таких как смахивание по сенсорному экрану, поэтому я буду благодарен за любую помощь!
мобильная эмуляция с помощью Storybook React
comment
Добро пожаловать в Stackoverflow. Можете ли вы предоставить более подробную информацию о вашей проблеме, например, код вашего компонента, способ вызова компонента в коде сборника рассказов или снимок экрана вашей эмуляции?
- person blaz schedule 13.02.2019
comment
У меня такая же проблема, хотя меня не беспокоят жесты, а просто отзывчивость, поэтому спасибо за ссылку addon-viewport. Думаю, у меня это сработает.
- person hisa_py schedule 27.02.2019
Ответы (1)
Я обнаружил, что проблема связана с метатегами. чтобы заставить работать мобильную эмуляцию, вы должны в папке .storybook добавить файл с именем preview-head.html и поместить в него <meta name="viewport" content="width=device-width, initial-scale=1">, а затем, чтобы эмуляция работала правильно, просмотрите компонент как iframe.
person
bearparty
schedule
06.03.2019
