根据URL获取iframe DOM元素

Question

我正在使用w3c资源计时API.window.performance.getEntriesByType( "资源"); 这给出了包括iframe在内的资源列表.但是,为了掌握嵌入式iframe的资源,我需要掌握iframe的性能对象,这需要我对其'DOM节点/元素进行引用.

        var myiframe2 = $("#myiframe2");
        var myiframeContentWindow = myiframe2[0].contentWindow;
        var iframeContentPerf = myiframeContentWindow.performance;

问题是,如果我所知道的是iframe的URL,那么如何获取iframe的节点引用,这是我所知道的(我不知道iframe的id或名称与上面的代码示例不同).

除了遍历文档的元素然后过滤iframe并将iframe的URL与Resource Timing API返回的内容进行比较之外,是否有一种简单的方法来获取iframe的DOM节点(给定iframe的URL)？

Answer 1

如果iframe的URL未更改,您可以尝试使用完全URL直接使用CSS选择器获取它:

document.querySelector('iframe[src="http://example.org"]');

如果网址会发生变化,但每个iframe都有一个唯一的部分(可以识别特定的iframe):

document.querySelector('iframe[src*="example.org/some/url"]');