Удалить все элементы <link> внутри iframes

Question

У меня есть несколько тегов ссылок в моем index.html файл.

<link rel="stylesheet" href="bower_components/angular-strap/styles/libs.min.css"/>
<link rel="stylesheet" href="bower_components/angular-strap/styles/docs.min.css"/>

Я также использую Adal-JS для аутентификации в AAD.

Adal-JS создает 3 фрейма на моей странице, каждый из которых является копией моего index.htmlпоэтому каждый из css вышеуказанные файлы загружаются еще 3 раза (3 ненужных раза).

Я могу поставить код скрипта, чтобы определить, является ли текущий window это фрейм или оригинальное окно

window.IS_ADAL_IFRAME = window.parent !== window;

Я хотел бы, используя это, чтобы очистить index.html из любого тега, который загружает script или css,

Моя проблема в том, что если скрипт выполняется после link теги, то css файлы уже были загружены. И если тег script выполняется перед ними, то я не могу удалить элементы, так как они еще не существуют.

Моя цель - контролировать файлы, которые извлекает iframe, я хочу удалить большинство из них и оставить только действительно необходимые. Как я могу сделать это?

Спасибо

Answer 1

Я сомневаюсь, что связанные CSS-файлы загружаются несколько раз. Они должны быть кэшированы и уже в памяти после первого раза в любом случае. Вы можете оценить это с помощью вкладок "Производительность" и "Сеть" в инструментах разработчика вашего браузера и т. П.

Во всяком случае, одна идея может заключаться в использовании DOMContentLoaded (в отличие от load событие)