浏览器

• 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，进行一段时间的内存状况的监控。
      • 在抓取的快照中可以看到具体的内存状况，如果各类对象的数量等。