zoukankan      html  css  js  c++  java
  • chrome开发工具指南(十一)

    检查资源

    • 使用 Application 面板的 Frames 窗格可以按框架组织资源。
    • 您也可以在 Sources 面板中停用 Group by folder 选项,按框架查看资源。
    • 要按网域和文件夹查看资源,请使用 Sources 面板。
    • 在 Network 面板中按名称或其他条件过滤资源。

    按框架组织资源

    使用 Application 面板的 Frames 窗格可以按框架组织页面的资源。

    框架详情

    • 顶层(上面屏幕截图中的 top)是主文档。
    • 在这下方(例如上面屏幕截图中的 widget2)是主文档的子框架。 展开一个子框架可以查看源自该框架的资源。

    • 子框架下方是图像、脚本,以及主文档的其他资源。

    • 最后是主文档本身。

    点击资源可以查看其预览。

    右键点击资源可以在 Network 面板中查看、将其在新标签中打开、复制其网址或将其保存。

    查看资源

    通过在 Sources 面板中点击导航器中的溢出菜单并停用 Group by folder 选项以停止按文件夹分组资源,您也可以按框架查看资源。

    Group by folder 分组

    资源将仅按框架列示。

    无文件夹

    按网域和文件夹组织资源

    要查看按网域和目录组织的资源,请使用 Sources 面板。

    Sources 面板

    按名称、类型或其他条件过滤资源

    使用 Network 面板可以按名称、类型和一系列其他条件过滤资源。 参阅下面的指南了解详情。

  • 相关阅读:
    hdu2089 数位dp
    AIM Tech Round 3 (Div. 2)
    Codeforces Round #372 (Div. 2)
    src 小心得
    水平文字垂直居中
    点击验证码刷新(tp3.1)--超简单
    TP3.1 中URL和APP区别
    getField方法
    PHP截取中文无乱码函数——cutstr
    substr — 详解
  • 原文地址:https://www.cnblogs.com/cina33blogs/p/6758477.html
Copyright © 2011-2022 走看看