New issue
Advanced search Search tips

Issue 800768 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner:
Closed: Nov 24
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 3
Type: Bug



Sign in to add a comment

Confusing tabs in “Network” section of web inspector

Reported by denis.de...@movinga.com, Jan 10 2018

Issue description

Chrome Version       : Google Chrome	63.0.3239.132 (Official Build) (64-bit)
OS version           : 10.13.2 (17C88)

The tabs in the “Network” section of the web inspector are confusing for two reasons:

* The Headers tab includes the form data and/or request body. This is confusing, because neither the form data nor the request body is part of the headers.

* The Preview tab shows the preview of the Response. This is confusing, because the tab next to the Preview tab is the Response tab, and it’s counterintuitive that the Preview tab shows the response preview.

* * *

Naïve suggestion for fixing this confusion:

* Rename “Headers” to “Headers and request body”
* Rename “Preview” to “Response preview”
 
Components: Platform>DevTools>Network
Labels: OS-Linux OS-Windows
Owner: paulir...@chromium.org
Status: Untriaged (was: Unconfirmed)
Status: Assigned (was: Untriaged)
Owner: jarhar@chromium.org
Project Member

Comment 4 by bugdroid1@chromium.org, Nov 24

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/b31ed377b1a804d269818b08f3ddabe8d05c1b8c

commit b31ed377b1a804d269818b08f3ddabe8d05c1b8c
Author: Joey Arhar <jarhar@chromium.org>
Date: Sat Nov 24 21:09:58 2018

[DevTools] Add tooltips to network request detail tabs

Bug:  800768 
Change-Id: I74d13257cd37821f3d75c14a168ccc403e559a32
Reviewed-on: https://chromium-review.googlesource.com/c/1342765
Commit-Queue: Joey Arhar <jarhar@chromium.org>
Reviewed-by: Dmitry Gozman <dgozman@chromium.org>
Cr-Commit-Position: refs/heads/master@{#610710}
[modify] https://crrev.com/b31ed377b1a804d269818b08f3ddabe8d05c1b8c/third_party/blink/renderer/devtools/front_end/network/NetworkItemView.js

Status: Fixed (was: Assigned)
We don’t want to give the tabs long names since it would make the toolbar too long which is already an issue with other toolbars in devtools, so I added a tooltip to each tab which should help with the confusion
Labels: TE-Verified-M72 TE-Verified-72.0.3621.0
Able to reproduce this issue on Mac OS 10.14.0, Ubuntu 17.10 and Windows 10 on the reported version 63.0.3239.132 and the issue is fixed on the latest M-72 build 72.0.3621.0.

1. Launched Chrome and opened Dev tools 
2. Howard on Headers and Preview and observed tooltips on Headers>>Headers and request body and on Preview>> Response preview
Attached is the screencast for reference.

Hence adding TE verified labels as the fix is working as intended.

Thanks..!
800768.mp4
1.2 MB View Download

Sign in to add a comment