Changeset 67615 in webkit

Timestamp:

Sep 16, 2010 6:56:43 AM (14 years ago)

Author:

caseq@chromium.org

Message:

2010-09-16 Andrey Kosyakov <​caseq@chromium.org>

Reviewed by Pavel Feldman.

Web Inspector: [Resources panel] [HAR] Need a way to save timing data.
Added support to export HAR to file from Resources panel (conditional on Preferences)
Added support for HARLog (a higher-level aggregate than HAREntry)
​https://bugs.webkit.org/show_bug.cgi?id=45663

• English.lproj/localizedStrings.js:
• inspector/front-end/HAREntry.js: (WebInspector.HAREntry.prototype.build): (WebInspector.HAREntry.prototype._buildTimings): (WebInspector.HAREntry._toMilliseconds): (WebInspector.HARLog): (WebInspector.HARLog.prototype.build): (WebInspector.HARLog.prototype._buildPages): (WebInspector.HARLog.prototype._buildMainResourceTimings): (WebInspector.HARLog.prototype._convertResource):
• inspector/front-end/ResourcesPanel.js: (WebInspector.ResourcesPanel): (WebInspector.ResourcesPanel.prototype.hide): (WebInspector.ResourcesPanel.prototype._contextMenu): (WebInspector.ResourcesPanel.prototype._exportAll): (WebInspector.ResourcesPanel.prototype._exportResource):
• inspector/front-end/Settings.js:
• inspector/front-end/utilities.js:

Location:

trunk/WebCore

Files:

• ChangeLog (modified) (1 diff)
• English.lproj/localizedStrings.js (modified) (previous)
• inspector/front-end/HAREntry.js (modified) (4 diffs)
• inspector/front-end/ResourcesPanel.js (modified) (2 diffs)
• inspector/front-end/Settings.js (modified) (1 diff)
• inspector/front-end/utilities.js (modified) (1 diff)

trunk/WebCore/ChangeLog

@@ +1 @@
+2010-09-16  Andrey Kosyakov  <caseq@chromium.org>
+
+        Reviewed by Pavel Feldman.
+
+        Web Inspector: [Resources panel] [HAR] Need a way to save timing data.
+        Added support to export HAR to file from Resources panel (conditional on Preferences)
+        Added support for HARLog (a higher-level aggregate than HAREntry)
+        https://bugs.webkit.org/show_bug.cgi?id=45663
+
+        * English.lproj/localizedStrings.js:
+        * inspector/front-end/HAREntry.js:
+        (WebInspector.HAREntry.prototype.build):
+        (WebInspector.HAREntry.prototype._buildTimings):
+        (WebInspector.HAREntry._toMilliseconds):
+        (WebInspector.HARLog):
+        (WebInspector.HARLog.prototype.build):
+        (WebInspector.HARLog.prototype._buildPages):
+        (WebInspector.HARLog.prototype._buildMainResourceTimings):
+        (WebInspector.HARLog.prototype._convertResource):
+        * inspector/front-end/ResourcesPanel.js:
+        (WebInspector.ResourcesPanel):
+        (WebInspector.ResourcesPanel.prototype.hide):
+        (WebInspector.ResourcesPanel.prototype._contextMenu):
+        (WebInspector.ResourcesPanel.prototype._exportAll):
+        (WebInspector.ResourcesPanel.prototype._exportResource):
+        * inspector/front-end/Settings.js:
+        * inspector/front-end/utilities.js:
+        ():
+
 2010-09-16  Eric Uhrhane  <ericu@chromium.org>
 

trunk/WebCore/inspector/front-end/HAREntry.js

@@ -43 +43 @@
             pageref: this._resource.documentURL,
             startedDateTime: new Date(this._resource.startTime * 1000),
-            time: this._toMilliseconds(this._resource.duration),
+            time: WebInspector.HAREntry._toMilliseconds(this._resource.duration),
             request: this._buildRequest(),
             response: this._buildResponse(),
@@ -122 +122 @@
             send: send,
             wait: this._interval("sendEnd", "receiveHeadersEnd"),
-            receive: this._toMilliseconds(this._resource.receiveDuration),
+            receive: WebInspector.HAREntry._toMilliseconds(this._resource.receiveDuration),
             ssl: ssl
         };
@@ -149 +149 @@
     {
         return parameters.slice();
-    },
-
-    _toMilliseconds: function(time)
-    {
-        return time === -1 ? -1 : Math.round(time * 1000);
     },
 
@@ -165 +160 @@
     }
 };
+
+WebInspector.HAREntry._toMilliseconds = function(time)
+{
+    return time === -1 ? -1 : Math.round(time * 1000);
+}
+
+WebInspector.HARLog = function()
+{
+}
+
+WebInspector.HARLog.prototype = {
+    build: function()
+    {
+        var webKitVersion = /AppleWebKit\/([^ ]+)/.exec(window.navigator.userAgent);
+        
+        return {
+            version: "1.2",
+            creator: {
+                name: "WebInspector",
+                version: webKitVersion ? webKitVersion[1] : "n/a"
+            },
+            pages: this._buildPages(),
+            entries: Object.properties(WebInspector.resources).map(this._convertResource)
+        }
+    },
+
+    _buildPages: function()
+    {
+        return [
+            {
+                startedDateTime: new Date(WebInspector.mainResource.startTime * 1000),
+                id: WebInspector.mainResource.documentURL,
+                title: "",
+                pageTimings: this._buildMainResourceTimings()
+            }
+        ];
+    },
+
+    _buildMainResourceTimings: function()
+    {
+        var resourcesPanel = WebInspector.panels.resources;
+        var startTime = WebInspector.mainResource.startTime;
+        return {
+             onContentLoad: WebInspector.HAREntry._toMilliseconds(resourcesPanel.mainResourceDOMContentTime - startTime),
+             onLoad: WebInspector.HAREntry._toMilliseconds(resourcesPanel.mainResourceLoadTime - startTime),
+        }
+    },
+
+    _convertResource: function(id)
+    {
+        return (new WebInspector.HAREntry(WebInspector.resources[id])).build();
+    }
+};

trunk/WebCore/inspector/front-end/ResourcesPanel.js

@@ -48 +48 @@
     this.graphsTreeElement.children[0].select();
     this._resourceTrackingEnabled = false;
+
+    this.sidebarElement.addEventListener("contextmenu", this._contextMenu.bind(this), true);
 }
 
@@ -877 +879 @@
         WebInspector.Panel.prototype.hide.call(this);
         this._popoverHelper.hidePopup();
+    },
+
+    _contextMenu: function(event)
+    {
+        // createBlobURL is enabled conditionally, do not expose resource export if it's not available.
+        if (typeof window.createBlobURL !== "function" || !Preferences.resourceExportEnabled)
+            return;
+
+        var contextMenu = new WebInspector.ContextMenu();
+        var resourceTreeItem = event.target.enclosingNodeOrSelfWithClass("resource-sidebar-tree-item");
+        if (resourceTreeItem && resourceTreeItem.treeElement) {
+            var resource = resourceTreeItem.treeElement.representedObject;
+            contextMenu.appendItem(WebInspector.UIString("Export to HAR"), this._exportResource.bind(this, resource));
+        }
+        contextMenu.appendItem(WebInspector.UIString("Export all to HAR"), this._exportAll.bind(this));
+        contextMenu.show(event);
+    },
+
+    _exportAll: function()
+    {
+        var harArchive = {
+            log: (new WebInspector.HARLog()).build()
+        }
+        offerFileForDownload(JSON.stringify(harArchive));
+    },
+
+    _exportResource: function(resource)
+    {
+        var har = (new WebInspector.HAREntry(resource)).build();
+        offerFileForDownload(JSON.stringify(har));
     }
 }

trunk/WebCore/inspector/front-end/Settings.js

@@ -45 +45 @@
     auditsPanelEnabled: true,
     onlineDetectionEnabled: true,
-    domBreakpointsEnabled: false
+    domBreakpointsEnabled: false,
+    resourceExportEnabled: false
 }
 

trunk/WebCore/inspector/front-end/utilities.js

@@ -985 +985 @@
     return new RegExp(regex, "i");
 }
+
+function offerFileForDownload(contents)
+{
+    var builder = new BlobBuilder();
+    builder.append(contents);
+    var blob = builder.getBlob("application/octet-stream");
+    var url = window.createBlobURL(blob);
+    window.open(url);
+}