点击刷新
- Firefox
- 可以在地址栏输入about:config查看所有的preference配置项
- Chrome
- 可以在地址栏输入chrome://chrome-urls，会列出来chrome所有的功能配置或使用连接
- 在任务管理器中，可以展开Google Chrome进程，单独关闭其中的某一个子进程。
- 每一个tab都是一个子进程。每一个其他子功能也可能是一个子进程。
- 遇到某个tab卡死的情况，就可以查看哪个子进程占用CPU或内存过多，可以单独杀掉它。
- More Tools->Task Manager
- 可以看到每个子进程的状态
- 可以右击选择要显示哪些列，比如可以显示JavaScript memory
- 和Windows的任务管理器不同，当前页面的Developer Tool占用的资源会和当前页面本身占用的资源是分开的，并且可以方便的看到每个子进程对应的页面或模块的名称。
- 可以看到每个子进程的状态
- 性能分析
- 打开F12 Developer Tool会占用内存等资源！！！如果在Windows的任务管理器中查看Chrome的每个子进程的资源占用，那么当前页面的Developer Tool占用的资源会和当前页面本身占用的资源算在一起。
- 页面中不再使用的JavaScript对象，会适时被浏览器自动回收，不用管。不过打开Developer Tool貌似会有些影响？
- Performance
- 可以start、stop recording
- 可以在任意位置右击进行选择，或者通过点击上传下载按钮进行save、load profiling file
- 可以勾选"Screenshots"，则会同时对页面进行截图
- 可以勾选"Memory"，则会显示JS Heap等内存相关的timeline变化
- 可以在timeline图中通过拖拽左右边界来修改统计数据的时间范围
- 可以在最下面的部分查看Summary、Bottom-Up、Call Tree、Event Log统计数据
- Memory
- 可以选择Heap snapshot，然后进行当前内存的快照。
- 可以选择Allocation instrumentation on timeline然后start、stop recording，进行一段时间的内存状况的监控。
- 在抓取的快照中可以看到具体的内存状况，如果各类对象的数量等。
© 著作权归作者所有
举报
发表评论
0/200
