Show IP address in DevTools.

Source/devtools/front_end/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 75 matching lines @@
 
     this._addFilters();
     this._initializeView();
     this._recordButton.toggled = true;
     WebInspector.networkLog.requests.forEach(this._appendRequest.bind(this));
 }
 
 WebInspector.NetworkLogView.HTTPSchemas = {"http": true, "https": true, "ws": true, "wss": true};
 WebInspector.NetworkLogView._responseHeaderColumns = ["Cache-Control", "Connection", "Content-Encoding", "Content-Length", "ETag", "Keep-Alive", "Last-Modified", "Server", "Vary"];
 WebInspector.NetworkLogView._defaultColumnsVisibility = {
-    method: true, status: true, scheme: false, domain: false, type: true, initiator: true, cookies: false, setCookies: false, size: true, time: true,
+    method: true, status: true, scheme: false, domain: false, remoteAddress: false, type: true, initiator: true, cookies: false, setCookies: false, size: true, time: true,
     "Cache-Control": false, "Connection": false, "Content-Encoding": false, "Content-Length": false, "ETag": false, "Keep-Alive": false, "Last-Modified": false, "Server": false, "Vary": false
 };
 WebInspector.NetworkLogView._defaultRefreshDelay = 500;
 
 WebInspector.NetworkLogView.prototype = {
     _addFilters: function()
     {
         this._textFilterUI = new WebInspector.TextFilterUI();
         this._textFilterUI.addEventListener(WebInspector.FilterUI.Events.FilterChanged, this._filterChanged, this);
         this._filterBar.addFilter(this._textFilterUI);
@@ skipping 113 matching lines @@
         });
 
         columns.push({
             id: "domain",
             title: WebInspector.UIString("Domain"),
             sortable: true,
             weight: 6
         });
 
         columns.push({
+            id: "remoteAddress",
+            title: WebInspector.UIString("Remote Address"),
+            sortable: true,
+            weight: 10,
+            align: WebInspector.DataGrid.Align.Right
+        });
+
+        columns.push({
             id: "type",
             title: WebInspector.UIString("Type"),
             sortable: true,
             weight: 6
         });
 
         columns.push({
             id: "initiator",
             title: WebInspector.UIString("Initiator"),
             sortable: true,
@@ skipping 123 matching lines @@
     },
 
     _createSortingFunctions: function()
     {
         this._sortingFunctions = {};
         this._sortingFunctions.name = WebInspector.NetworkDataGridNode.NameComparator;
         this._sortingFunctions.method = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "method", false);
         this._sortingFunctions.status = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "statusCode", false);
         this._sortingFunctions.scheme = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "scheme", false);
         this._sortingFunctions.domain = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "domain", false);
+        this._sortingFunctions.type = WebInspector.NetworkDataGridNode.RemoteAddressComparator;

[Peter Beverloo, 2014/01/27 19:03:26]

drive-by: s/type/remoteAddress/

[eustas, 2014/01/28 10:41:10]

Done. Thanks.

         this._sortingFunctions.type = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "mimeType", false);
         this._sortingFunctions.initiator = WebInspector.NetworkDataGridNode.InitiatorComparator;
         this._sortingFunctions.cookies = WebInspector.NetworkDataGridNode.RequestCookiesCountComparator;
         this._sortingFunctions.setCookies = WebInspector.NetworkDataGridNode.ResponseCookiesCountComparator;
         this._sortingFunctions.size = WebInspector.NetworkDataGridNode.SizeComparator;
         this._sortingFunctions.time = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "duration", false);
         this._sortingFunctions.timeline = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "startTime", false);
         this._sortingFunctions.startTime = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "startTime", false);
         this._sortingFunctions.endTime = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "endTime", false);
         this._sortingFunctions.responseTime = WebInspector.NetworkDataGridNode.RequestPropertyComparator.bind(null, "responseReceivedTime", false);
@@ skipping 1776 matching lines @@
     /** override */
     createCells: function()
     {
         // Out of sight, out of mind: create nodes offscreen to save on render tree update times when running updateOffscreenRows()
         this._element.classList.add("offscreen");
         this._nameCell = this._createDivInTD("name");
         this._methodCell = this._createDivInTD("method");
         this._statusCell = this._createDivInTD("status");
         this._schemeCell = this._createDivInTD("scheme");
         this._domainCell = this._createDivInTD("domain");
+        this._remoteAddressCell = this._createDivInTD("remoteAddress");
         this._typeCell = this._createDivInTD("type");
         this._initiatorCell = this._createDivInTD("initiator");
         this._cookiesCell = this._createDivInTD("cookies");
         this._setCookiesCell = this._createDivInTD("setCookies");
         this._sizeCell = this._createDivInTD("size");
         this._timeCell = this._createDivInTD("time");
 
         this._responseHeaderCells = {};
         var responseHeaderColumns = WebInspector.NetworkLogView._responseHeaderColumns;
         for (var i = 0; i < responseHeaderColumns.length; ++i)
@@ skipping 95 matching lines @@
         cell.addEventListener("mouseover", this._refreshLabelPositions.bind(this), false);
     },
 
     refreshRequest: function()
     {
         this._refreshNameCell();
         this._refreshMethodCell();
         this._refreshStatusCell();
         this._refreshSchemeCell();
         this._refreshDomainCell();
+        this._refreshRemoteAddressCell();
         this._refreshTypeCell();
         this._refreshInitiatorCell();
         this._refreshCookiesCell();
         this._refreshSetCookiesCell();
         this._refreshSizeCell();
         this._refreshTimeCell();
 
         var responseHeaderColumns = WebInspector.NetworkLogView._responseHeaderColumns;
         for (var i = 0; i < responseHeaderColumns.length; ++i)
             this._refreshResponseHeaderCell(responseHeaderColumns[i]);
@@ skipping 92 matching lines @@
     _refreshSchemeCell: function()
     {
         this._schemeCell.setTextAndTitle(this._request.scheme);
     },
 
     _refreshDomainCell: function()
     {
         this._domainCell.setTextAndTitle(this._request.domain);
     },
 
+    _refreshRemoteAddressCell: function()
+    {
+        this._remoteAddressCell.setTextAndTitle(this._request.remoteAddress());
+    },
+
     _refreshTypeCell: function()
     {
         if (this._request.mimeType) {
             this._typeCell.classList.remove("network-dim-cell");
             this._typeCell.setTextAndTitle(this._request.mimeType);
         } else {
             this._typeCell.enableStyleClass("network-dim-cell", !this._request.isPingRequest());
             this._typeCell.setTextAndTitle(this._request.requestContentType() || "");
         }
     },
@@ skipping 185 matching lines @@
 {
     var aFileName = a._request.name();
     var bFileName = b._request.name();
     if (aFileName > bFileName)
         return 1;
     if (bFileName > aFileName)
         return -1;
     return 0;
 }
 
+WebInspector.NetworkDataGridNode.RemoteAddressComparator = function(a, b)
+{
+    var aRemoteAddress = a._request.remoteAddress();
+    var bRemoteAddress = b._request.remoteAddress();
+    if (aRemoteAddress > bRemoteAddress)
+        return 1;
+    if (bRemoteAddress > aRemoteAddress)
+        return -1;
+    return 0;
+}
+
 WebInspector.NetworkDataGridNode.SizeComparator = function(a, b)
 {
     if (b._request.cached && !a._request.cached)
         return 1;
     if (a._request.cached && !b._request.cached)
         return -1;
 
     return a._request.transferSize - b._request.transferSize;
 }
 
@@ skipping 42 matching lines @@
 WebInspector.NetworkDataGridNode.RequestPropertyComparator = function(propertyName, revert, a, b)
 {
     var aValue = a._request[propertyName];
     var bValue = b._request[propertyName];
     if (aValue > bValue)
         return revert ? -1 : 1;
     if (bValue > aValue)
         return revert ? 1 : -1;
     return 0;
 }