Arhn - архитектура программирования

Как сделать iframe с редиректом песочницы внутри фрейма?

В настоящее время у меня есть приложение, содержащее iframe с песочницей, поэтому оно не позволяет фрейму получить доступ к верхней навигации следующим образом:

<iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms allow-pointer-lock" class="iframe" ng-src="{{source_url}}"></iframe>

source_url содержит URL-адрес «Y», который перенаправляет на «X», где показано, что мне нужно. Песочница iframe предотвращает перенаправление всего моего приложения на сайт «X». Дело в том, что он также останавливает перенаправление фрейма внутри него и показывает мне «Y», и мне нужен фрейм, чтобы показать этот сайт «X», есть ли способ выполнить это? Можно ли найти способ поймать попытку перенаправления на «X» и изменить исходный_url iframe?

Заранее большое спасибо, привет!

iframe angularjs redirect sandbox
08.02.2017

  • Вы нашли решение? 23.05.2018

Ответы:


1

Это было давным-давно, так что я, возможно, немного заржавел в этом, но мое решение в конце концов состояло в том, чтобы оставить песочницу iframe (чтобы предотвратить доступ фрейма к верхней навигации), но без первоначальной загрузки содержимого с помощью ng -if, затем извлечение URL-адреса «X», который я хотел показать на своем контроллере, и, наконец, использование $sce.trustAsResourceUrl укажите source_url для загрузки фрейма, когда это необходимо.

Что-то вроде следующего:

На моем контроллере:

app.controller('myCtrl', function($scope, $routeParams, $http, $sce){
$scope.load_frame = false;
...
$scope.source_url = $sce.trustAsResourceUrl(url_found);

И на мой взгляд

<iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms allow-pointer-lock" class="iframe" ng-if="load_frame" ng-src="{{source_url}}"></iframe>

Поэтому, когда я меняю значение load_frame, он загружает доверенный URL-адрес. Не лучший, но в тот момент это было исправление, которое я мог осуществить. Надеюсь, кому-нибудь поможет :)

24.05.2018
Новые материалы
Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..