Chrome开发工具 技巧和窍门

看当最后做出更改的时候哪些站点是有缓存的，以及他们占用了多少空间。你也可以在这里移除这些缓存：在网络/控制台面板中选择多重过滤器你可能已经意识到在网络和控制台面板中也是可以使用过滤器的，这允许你基于不同的标准缩小数据的范围。你可能不知道的是你可以使用快捷键（ Cmd/Ctrl + 点击）来选择过滤器并将其应用到视图中。下面你可以看到在多个面板键的行为：清除缓存然后硬重载如果你请求一个硬刷新，在开发者工具打开的情况下点击并按住 Chromes 的刷新按钮。你应该会看见一个下拉菜单，它允许你进行清除缓存和并进行硬重载。这有助节省时间！注意：这个现在只对 Windows 和 ChromeOS 有用深入理解 Chrome 任务管理器Chrome 中的任务管理可以让你深入了解任何选项卡对应的 GPU，CPU 以及 JavaScript 内存使用状况，CSS 和脚本缓存使用状况。按照下面的步骤来打开任务管理：在浏览器工具栏中点击 Chrome 菜单。选择工具。选择任务管理器。从那里，你可以通过右键点击任何一行来进入扩展视图或者通过右键来结束一个程序。扩展工具利用开发者工具测试 iOS 应用PonyDebugger 是一个客户端的库同时也是一个使用 Chrome 开发工具来调试应用网络状况以及管理对象上下文的网关服务器。JSRunTime：开发者工具检索 JavaScript 对象的拓展Andrei Kashcha 编写了一个非常有用的开发者工具扩展插件，它可以在内存中检索可用的 JavaScript 对象并生成相应的图，还可以根据值或者名称来进行匹配。更多：JSRuntime-获取对象的开发者工具拓展插件