2015-10-01 12 views
6

私はw3cリソースタイミングAPIを使用しています。 window.performance.getEntriesByType( "resource");これはiframeを含むリソースのリストを与えます。しかし、埋め込まれたiframeのリソースを確保するには、iframeのパフォーマンスオブジェクトを取得する必要があります。このオブジェクトでは、DOMノード/要素への参照が必要です。URLを指定してiframe DOM要素を取得します。

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

質問です、私が知っているすべては私が知っているすべては(私はコードサンプルとは異なり、IFRAMEのIDまたは名前を知ることができませんでのiframeのURLである場合、IFRAMEのノード参照のホールドを取得する方法上記)。

iframeをフィルタリングしてiframeをフィルタリングし、iframeのURLをリソースタイミングAPIが返したものと比較する以外に、iframeのDOMノード(iframeのURLを指定)を取得する簡単な方法はありますか?

答えて

6

のiframeのURLが変更されていない場合、あなたは正確なURLを使用してCSSセレクタに直接それを取得しようとすることができます

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

URLが変更される場合がありますが、インラインフレームごとにユニークな部分を持っています(

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

私はdocument.querySelector呼び出しからnullを取得します。回避策はありますか? – anjanb

+0

document.querySelector( 'iframe [src * = "example.org/some/url"]');を試してもnullが返されます。 – anjanb

+0

私はあなたのコードのより具体的な塊を手助けする必要があります(あなたは要点を作ることができます:https://gist.github.com/) – avetisk

関連する問題