2016-06-27 4 views
-1

Существует сервер, обслуживающий веб-страницу (назовем его хост-сервером). Эта страница содержит iframe, которая подключается к моему устройству и отображает содержимое, поставляемое его HTTP-сервером. Это небольшое устройство с низкоскоростным подключением, поэтому мне нужно уменьшить размер передачи данных. Тем не менее, я хочу, чтобы моя веб-страница выглядела красиво, была отзывчивой и т. Д., Поэтому я хотел бы загрузить Bootstrap и Angular из какого-то внешнего местоположения. Но для веб-браузера есть ограничение - он не может загружать внешние ресурсы внутри iframe.Внешние .css и .js в iframe

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

Есть ли решение проблемы?

EDIT: Я бы предпочел сначала ПОНИМАТЬ вопрос перед голосованием и дать повод для этого.

+0

Возможный дубликат [с IFrame страницы изменения событий CSS родителя] (http://stackoverflow.com/questions/19537555/from -iframe-page-event-change-css-of-parent) (Если ваше содержимое iframe и parent не находится в одном домене, вам не повезло и он будет заблокирован CORS.) – Serlite

ответ

1

Это возможно. Для достижения желаемого вам понадобится JavaScript.
myiframe.$('div').style.border = '1px solid #000000'

было бы хорошим началом.

Что касается инъекционного собственных JS, Stack имеет хороший ответ здесь: injecting external js into self created iframe

+0

Проблема в том, что я Я ВНУТРИ кадра (который отображает содержимое из другого домена), поэтому я не могу загрузить какой-либо внешний скрипт (т. е. jquery, который необходим для работы вашего кода). Я даже не могу получить доступ к элементу 'document' и его дочерним элементам, поэтому я не могу выполнить append (script). – kappa

Смежные вопросы