Frames let you divide web pages into multiple views that can load independently.
The Application > Frames section lists the top frame (
[Frame.]), its nested frames and iframes (
[IFrame.]), and other loaded resources in a tree:
Frame details
To see the details of a frame, select it in the Frames section.
The details include the following sections:
- Document. Lists URL, origin, and owner element.
- Security & Isolation. Lists secure context, cross-origin isolation, COEP, and COOP information.
[The Security & Isolation section.]
[The Content Security Policy (CSP) section.]
- API availability. Lists the availability of certain APIs depending on whether the document is cross-origin isolated or not. For more information, see Why you need "cross-origin isolated" for powerful features.
[The API availability section.]
- Origin Trials. Lists details about access to new or experimental features you have registered on your origin. Expand (
[Expand.]) to see more details about the feature and access token status. For more information, see Get started with origin trials.
- Permissions Policy. Lists allowed and disabled features. To see why some features are turned off, click Show details at the bottom of the section.
![[Chrome for Developers]](https://www.gstatic.com/devrel-devsite/prod/v0f3a5b8b76e4a120372a69044e02756e703b6140f9f1812c6e4a0407b19864b7/chrome/images/lockup.svg){kind=link}
![[Sofia Emelianova]](https://web.dev/images/authors/sofiayem.jpg){kind=link}
![[Frame.]](https://developer.chrome.com/static/docs/devtools/application/frames/image/frame.svg){kind=link}
![[IFrame.]](https://developer.chrome.com/static/docs/devtools/application/frames/image/iframe.svg){kind=link}
![[The Frames section.]](https://developer.chrome.com/static/docs/devtools/application/frames/image/frames-section.png){kind=link}
![[The Document section.]](https://developer.chrome.com/static/docs/devtools/application/frames/image/document.png){kind=link}
![[The Security & Isolation section.]](https://developer.chrome.com/static/docs/devtools/application/frames/image/sec-and-isolation.png){kind=link}
![[The Content Security Policy (CSP) section.]](https://developer.chrome.com/static/docs/devtools/application/frames/image/csp.png){kind=link}
![[The API availability section.]](https://developer.chrome.com/static/docs/devtools/application/frames/image/api-availability.png){kind=link}
![[Expand.]](https://developer.chrome.com/static/docs/devtools/application/frames/image/expand.svg){kind=link}
![[The Origin Trials section.]](https://developer.chrome.com/static/docs/devtools/application/frames/image/origin-trials.png){kind=link}
![[The Permissions Policy section.]](https://developer.chrome.com/static/docs/devtools/application/frames/image/permissions-policy.png){kind=link}