DevTools: fix race conditions while recording film strips

Source/devtools/front_end/network/NetworkPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 687 matching lines @@
     },
 
     /**
      * @override
      */
     tracingComplete: function()
     {
         if (!this._tracingModel)
             return;
         this._tracingModel.tracingComplete();
+        var resourceTreeModel = this._target.resourceTreeModel;
+        this._target = null;
+        setImmediate(resourceTreeModel.resumeReload.bind(resourceTreeModel));
         this._callback(new WebInspector.FilmStripModel(this._tracingModel, this._timeCalculator.minimumBoundary() * 1000));
         delete this._callback;
     },
 
     /**
      * @override
      */
     tracingBufferUsage: function()
     {
     },
 
     /**
      * @override
      * @param {number} progress
      */
     eventsRetrievalProgress: function(progress)
     {
     },
 
     startRecording: function()
     {
+        this._filmStripView.reset();
+        this._filmStripView.setStatusText(WebInspector.UIString("Recording frames..."));
         if (this._target)
             return;
 
         this._target = WebInspector.targetManager.mainTarget();
         if (this._tracingModel)
             this._tracingModel.reset();
         else
             this._tracingModel = new WebInspector.TracingModel(new WebInspector.TempFileBackingStorage("tracing"));
         this._target.tracingManager.start(this, "-*,disabled-by-default-devtools.screenshot", "");
-        this._filmStripView.reset();
-        this._filmStripView.setStatusText(WebInspector.UIString("Recording frames..."));
     },
 
     /**
      * @return {boolean}
      */
     isRecording: function()
     {
         return !!this._target;
     },
 
     /**
      * @param {function(?WebInspector.FilmStripModel)} callback
      */
     stopRecording: function(callback)
     {
         if (!this._target)
             return;
 
         this._target.tracingManager.stop();
-        this._target = null;
+        this._target.resourceTreeModel.suspendReload();
         this._callback = callback;
         this._filmStripView.setStatusText(WebInspector.UIString("Fetching frames..."));
     }
 }
 
 /**
  * @constructor
  * @implements {WebInspector.ActionDelegate}
  */
 WebInspector.NetworkPanel.RecordActionDelegate = function()
 {
 }
 WebInspector.NetworkPanel.RecordActionDelegate.prototype = {
     /**
      * @override
      * @param {!WebInspector.Context} context
      * @param {string} actionId
      */
     handleAction: function(context, actionId)
     {
         var panel = WebInspector.context.flavor(WebInspector.NetworkPanel);
         console.assert(panel && panel instanceof WebInspector.NetworkPanel);
         panel._toggleRecording();
     }
 }