0

我正在寻找一种方法来检查我的 iframe 是否是瓶颈（如果是，请切换到另一个来源）

有没有办法通过Performance API实现这一点？

我目前在我的（Angular）前端有这个：

<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.log(iframe); // --> Gets the Element

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

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

    }, 3000);

}

有没有办法获取 iframe 的资源？

4

1 回答 1

0

在您的情况下， Iframe.children[0].src 应该为您提供 Iframe 的 src。我相信因为您引用的是父 div 而不是实际的 iframe，所以您会得到意想不到的结果。

于 2021-04-02T01:57:03.463 回答