Получите производительность встроенного iFrame в Angular

Я ищу способ проверить, не является ли мой iframe узким местом (и если да, переключитесь на другой источник)

Есть ли способ добиться этого с помощью API производительности?

В настоящее время у меня есть это на моем (Angular) Frontend:

<app-player>
    <div id = "my-iframe" class = "flex flex-col flex-auto w-full xs:p-2">
        <iframe src = "source1.com" title = "MyIframe" allowfullscreen = "" scrolling = "no" frameborder = "0" allow = "autoplay; fullscreen" sandbox = "allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" width = "100%" height = "100%"></iframe>
   </div>
</app-player>

Мой компонент

ngAfterViewInit(): void{

    const iframe = this.twitchPlayerContainer.nativeElement.querySelector('[title = "MyIframe"]');
    console.info(iframe); // --> Gets the Element

    setInterval(function(){
        const resources = performance.getEntries();
        console.info(resources); // WORKS

        const resourcesIframe = iframe.performance.getEntries();
        console.info(resourcesIframe); // TypeError: Cannot read property 'getEntries' of undefined

    }, 3000);

}

Есть ли способ получить ресурсы iframe?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
19
1

Ответы 1

В вашем случае Iframe.children [0] .src должен предоставить вам src Iframe. Я считаю, что из-за того, что вы ссылаетесь на родительский div вместо фактического iframe, вы получаете неожиданные результаты.

Другие вопросы по теме