@Upachko

Как принудительно открыть декстопную версию внутри iframe?

Это личный проект, если что:)
Пишу подобие генератора шаблонных страниц на vuejs.
Решил организовать предпросмотр созданных страниц.
Лежат на том же домене, что и апи.
Сейчас при сохранении редактора от апи приходит массив страниц: ссылка + название
Перечень страниц справа организован как аккордион при клике на который в левом iframe меняется урл на соответсвующий предпросмотру страницы.
<v-col cols="8">
			<iframe
					name="main"
					:src="iframe.src"
					@load="frameLoad"
					v-show="iframe.loaded"
					sandbox="allow-scripts"
					width="750" height="750" frameborder="1"
			></iframe>
			<img v-show="!iframe.loaded" src="/assets/img/loading.gif" width="200" alt="loading">
		</v-col>
		<v-col cols="4" >
			<v-expansion-panels accordion v-model="first">
				<template v-for="(elem, index) in pages">
                                    ... перечень страниц....

У iframe сейчас стоят размеры статичны 750x750 с внутренней прокруткой. В дальнейшем планируется сделать резиновый размер под мобилки.

1. Основной вопрос в том, как заставить страницу внутри iframe принудительно открываться в декстопном (потом и планшетном\мобильном режиме). Ибо макет генерится с брейкпоинтами на декстоп\планшет\мобилка. В дальнейшем хотелось бы внутри iframe переключать режим отображения (по типу панели гугла toggle devise toolbar) по нажатие на соответсвующие кнопки.
Не хотелось бы делать три отдельных стиля под три режима только под конструктор.

2. Есть ли норм реализации frame\iframe во vuejs или они избыточны? Я использовал vue-frame (он у меня не запустился) и vue-friendly-iframe (показался мне бессмысленным). Других чет не нашел (скорее всего плохо искал).
  • Вопрос задан
  • 46 просмотров
Решения вопроса 1
Aetae
@Aetae
Тлен
Подсмотрел такую фишку в codepen: задавать корню принудительно нужную ширину и использовать
transform: scale(реальная ширина/установленная ширина)
, вписывая обратно.

А по поводу особого vue-фрейма - а собсвенно что такого вы от него хотите? Обычный фрейм справляется со своей задачей.)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 сент. 2020, в 02:01
100000 руб./за проект
28 сент. 2020, в 00:10
15000 руб./за проект
27 сент. 2020, в 21:54
15000 руб./за проект