Show full URI/URL in Chrome's developer tools Network tab
When using Chrome to debug, I find it incredibly difficult to be efficient due to the fact that I don't see how I can force the "Network" tab of the developer tools to show the full request URI.
It will show the full URI if you hover the link and wait a second, but this is incredibly counterproductive.
All of my AJAX requests are sent to ajax.php, and handled by using query string arguments, like:
ajax.php?do=profile-set
ajax.php?do=game-save
... etc.
Since I use AJAX extensively, my network tab is filled with "ajax.php", but I have to manually hover each and every entry to find the request I am looking for.
Surely there has got to be another way!?
I am constantly fed up by something new in Firefox and immediately force myself back into Chrome, but it is always the developer tools in Chrome that keep me from using it for an extended period of time.
Hopefully I can find out how to do this so I can continue using Chrome as my numero uno.
I've provided a screen shot to show you where I mean:
google-chrome developer-tools
edited Jan 8 at 11:29
Arulkumar
241215
asked Feb 23 '12 at 9:17
LevLev
276135
add a comment |
When using Chrome to debug, I find it incredibly difficult to be efficient due to the fact that I don't see how I can force the "Network" tab of the developer tools to show the full request URI.
It will show the full URI if you hover the link and wait a second, but this is incredibly counterproductive.
All of my AJAX requests are sent to ajax.php, and handled by using query string arguments, like:
ajax.php?do=profile-set
ajax.php?do=game-save
... etc.
Since I use AJAX extensively, my network tab is filled with "ajax.php", but I have to manually hover each and every entry to find the request I am looking for.
Surely there has got to be another way!?
I am constantly fed up by something new in Firefox and immediately force myself back into Chrome, but it is always the developer tools in Chrome that keep me from using it for an extended period of time.
Hopefully I can find out how to do this so I can continue using Chrome as my numero uno.
I've provided a screen shot to show you where I mean:
google-chrome developer-tools
edited Jan 8 at 11:29
Arulkumar
241215
asked Feb 23 '12 at 9:17
LevLev
276135
Possibly better on Stackoverflow?
– stolsvik
Feb 23 '12 at 9:30
I thought of that at first since it does seem kind of web-dev related, but the problem I am having actually isn't with development, but using Chrome itself.
– Lev
Feb 23 '12 at 12:14
Tools of the trade is also eligible on SO.
– stolsvik
Feb 23 '12 at 22:21
2
File a bug on new.crbug.com. Or you could file it upstream over at wkbug.com/new. Explain your use case the way you did here, and I’m sure it’ll be fixed eventually.
– Mathias Bynens
Feb 24 '12 at 7:26
DevTools tech writer here. FYI I do recommend posting questions like this to Stack Overflow, using the[google-chrome-developer-tools]tag. We monitor that channel, but not this one.
– Kayce Basques
Oct 25 '17 at 19:54
add a comment |
When using Chrome to debug, I find it incredibly difficult to be efficient due to the fact that I don't see how I can force the "Network" tab of the developer tools to show the full request URI.
It will show the full URI if you hover the link and wait a second, but this is incredibly counterproductive.
All of my AJAX requests are sent to ajax.php, and handled by using query string arguments, like:
ajax.php?do=profile-set
ajax.php?do=game-save
... etc.
Since I use AJAX extensively, my network tab is filled with "ajax.php", but I have to manually hover each and every entry to find the request I am looking for.
Surely there has got to be another way!?
I am constantly fed up by something new in Firefox and immediately force myself back into Chrome, but it is always the developer tools in Chrome that keep me from using it for an extended period of time.
Hopefully I can find out how to do this so I can continue using Chrome as my numero uno.
I've provided a screen shot to show you where I mean:
google-chrome developer-tools
edited Jan 8 at 11:29
Arulkumar
241215
asked Feb 23 '12 at 9:17
LevLev
276135
When using Chrome to debug, I find it incredibly difficult to be efficient due to the fact that I don't see how I can force the "Network" tab of the developer tools to show the full request URI.
It will show the full URI if you hover the link and wait a second, but this is incredibly counterproductive.
All of my AJAX requests are sent to ajax.php, and handled by using query string arguments, like:
ajax.php?do=profile-set
ajax.php?do=game-save
... etc.
Since I use AJAX extensively, my network tab is filled with "ajax.php", but I have to manually hover each and every entry to find the request I am looking for.
Surely there has got to be another way!?
I am constantly fed up by something new in Firefox and immediately force myself back into Chrome, but it is always the developer tools in Chrome that keep me from using it for an extended period of time.
Hopefully I can find out how to do this so I can continue using Chrome as my numero uno.
I've provided a screen shot to show you where I mean:
google-chrome developer-tools
google-chrome developer-tools
edited Jan 8 at 11:29
Arulkumar
241215
asked Feb 23 '12 at 9:17
LevLev
276135
edited Jan 8 at 11:29
Arulkumar
241215
asked Feb 23 '12 at 9:17
LevLev
276135
edited Jan 8 at 11:29
Arulkumar
241215
edited Jan 8 at 11:29
Arulkumar
241215
edited Jan 8 at 11:29
Arulkumar
241215
241215
asked Feb 23 '12 at 9:17
LevLev
276135
asked Feb 23 '12 at 9:17
LevLev
276135
asked Feb 23 '12 at 9:17
LevLev
276135
276135
Possibly better on Stackoverflow?
– stolsvik
Feb 23 '12 at 9:30
I thought of that at first since it does seem kind of web-dev related, but the problem I am having actually isn't with development, but using Chrome itself.
– Lev
Feb 23 '12 at 12:14
Tools of the trade is also eligible on SO.
– stolsvik
Feb 23 '12 at 22:21
2
File a bug on new.crbug.com. Or you could file it upstream over at wkbug.com/new. Explain your use case the way you did here, and I’m sure it’ll be fixed eventually.
– Mathias Bynens
Feb 24 '12 at 7:26
DevTools tech writer here. FYI I do recommend posting questions like this to Stack Overflow, using the[google-chrome-developer-tools]tag. We monitor that channel, but not this one.
– Kayce Basques
Oct 25 '17 at 19:54
add a comment |
Possibly better on Stackoverflow?
– stolsvik
Feb 23 '12 at 9:30
I thought of that at first since it does seem kind of web-dev related, but the problem I am having actually isn't with development, but using Chrome itself.
– Lev
Feb 23 '12 at 12:14
Tools of the trade is also eligible on SO.
– stolsvik
Feb 23 '12 at 22:21
2
File a bug on new.crbug.com. Or you could file it upstream over at wkbug.com/new. Explain your use case the way you did here, and I’m sure it’ll be fixed eventually.
– Mathias Bynens
Feb 24 '12 at 7:26
DevTools tech writer here. FYI I do recommend posting questions like this to Stack Overflow, using the[google-chrome-developer-tools]tag. We monitor that channel, but not this one.
– Kayce Basques
Oct 25 '17 at 19:54
Possibly better on Stackoverflow?
– stolsvik
Feb 23 '12 at 9:30
Possibly better on Stackoverflow?
– stolsvik
Feb 23 '12 at 9:30
I thought of that at first since it does seem kind of web-dev related, but the problem I am having actually isn't with development, but using Chrome itself.
– Lev
Feb 23 '12 at 12:14
I thought of that at first since it does seem kind of web-dev related, but the problem I am having actually isn't with development, but using Chrome itself.
– Lev
Feb 23 '12 at 12:14
Tools of the trade is also eligible on SO.
– stolsvik
Feb 23 '12 at 22:21
Tools of the trade is also eligible on SO.
– stolsvik
Feb 23 '12 at 22:21
2
2
File a bug on new.crbug.com. Or you could file it upstream over at wkbug.com/new. Explain your use case the way you did here, and I’m sure it’ll be fixed eventually.
– Mathias Bynens
Feb 24 '12 at 7:26
File a bug on new.crbug.com. Or you could file it upstream over at wkbug.com/new. Explain your use case the way you did here, and I’m sure it’ll be fixed eventually.
– Mathias Bynens
Feb 24 '12 at 7:26
DevTools tech writer here. FYI I do recommend posting questions like this to Stack Overflow, using the
[google-chrome-developer-tools] tag. We monitor that channel, but not this one.– Kayce Basques
Oct 25 '17 at 19:54
DevTools tech writer here. FYI I do recommend posting questions like this to Stack Overflow, using the
[google-chrome-developer-tools] tag. We monitor that channel, but not this one.– Kayce Basques
Oct 25 '17 at 19:54
add a comment |
4 Answers
4
active
oldest
votes
Some columns contain a primary field and a secondary field (Time and
Latency, for example). When viewing the Network table with large
resource rows both fields are shown; when using small resource rows
only the primary field is shown.
https://developer.chrome.com/devtools/docs/network#network-panel-overview
https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes
edited Dec 30 '16 at 0:55
Flimbus Akimbo
5951925
answered Jan 22 '16 at 13:25
rofrolrofrol
1,1291015
add a comment |
This is not currently possible. However, there is active work being done on Chrome Dev tools (e.g., https://developers.google.com/chrome-developer-tools/) and you can make a suggestion for an option of this feature.
answered Oct 31 '12 at 15:09
eb80eb80
1881210
add a comment |
In both Chrome and Firefox you can right-click and save the network information as a HAR (HTTP Archive). That HAR file can be processed manually, with a script or with one of several HAR viewers and contains the full URL.
Google has a great online HAR reader that will show the full URL of each request: https://toolbox.googleapps.com/apps/har_analyzer/
So to see the full URL:
- Save/export HAR file via Inspect > Network > Right-Click > Save As HAR.
- Load HAR into HAR Analyzer.
- Sort/filter as needed or highlight table cells/rows and copy/paste.
answered Oct 26 '16 at 1:31
Michael ThompsonMichael Thompson
30027
add a comment |
This is not something that can be done in Chrome, sorry. In addition, there has been no word about any changes that will be made to the developer panel, so I would not expect this to be added soon.
answered Apr 5 '12 at 16:50
soandossoandos
20.2k2892130
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "3"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f393088%2fshow-full-uri-url-in-chromes-developer-tools-network-tab%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
4 Answers
4
active
oldest
votes
4 Answers
4
active
oldest
votes
active
oldest
votes
active
oldest
votes
Some columns contain a primary field and a secondary field (Time and
Latency, for example). When viewing the Network table with large
resource rows both fields are shown; when using small resource rows
only the primary field is shown.
https://developer.chrome.com/devtools/docs/network#network-panel-overview
https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes
edited Dec 30 '16 at 0:55
Flimbus Akimbo
5951925
answered Jan 22 '16 at 13:25
rofrolrofrol
1,1291015
add a comment |
Some columns contain a primary field and a secondary field (Time and
Latency, for example). When viewing the Network table with large
resource rows both fields are shown; when using small resource rows
only the primary field is shown.
https://developer.chrome.com/devtools/docs/network#network-panel-overview
https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes
edited Dec 30 '16 at 0:55
Flimbus Akimbo
5951925
answered Jan 22 '16 at 13:25
rofrolrofrol
1,1291015
add a comment |
Some columns contain a primary field and a secondary field (Time and
Latency, for example). When viewing the Network table with large
resource rows both fields are shown; when using small resource rows
only the primary field is shown.
https://developer.chrome.com/devtools/docs/network#network-panel-overview
https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes
edited Dec 30 '16 at 0:55
Flimbus Akimbo
5951925
answered Jan 22 '16 at 13:25
rofrolrofrol
1,1291015
Some columns contain a primary field and a secondary field (Time and
Latency, for example). When viewing the Network table with large
resource rows both fields are shown; when using small resource rows
only the primary field is shown.
https://developer.chrome.com/devtools/docs/network#network-panel-overview
https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes
edited Dec 30 '16 at 0:55
Flimbus Akimbo
5951925
answered Jan 22 '16 at 13:25
rofrolrofrol
1,1291015
edited Dec 30 '16 at 0:55
Flimbus Akimbo
5951925
edited Dec 30 '16 at 0:55
Flimbus Akimbo
5951925
edited Dec 30 '16 at 0:55
Flimbus Akimbo
5951925
5951925
answered Jan 22 '16 at 13:25
rofrolrofrol
1,1291015
answered Jan 22 '16 at 13:25
rofrolrofrol
1,1291015
answered Jan 22 '16 at 13:25
rofrolrofrol
1,1291015
1,1291015
add a comment |
add a comment |
This is not currently possible. However, there is active work being done on Chrome Dev tools (e.g., https://developers.google.com/chrome-developer-tools/) and you can make a suggestion for an option of this feature.
answered Oct 31 '12 at 15:09
eb80eb80
1881210
add a comment |
This is not currently possible. However, there is active work being done on Chrome Dev tools (e.g., https://developers.google.com/chrome-developer-tools/) and you can make a suggestion for an option of this feature.
answered Oct 31 '12 at 15:09
eb80eb80
1881210
add a comment |
This is not currently possible. However, there is active work being done on Chrome Dev tools (e.g., https://developers.google.com/chrome-developer-tools/) and you can make a suggestion for an option of this feature.
answered Oct 31 '12 at 15:09
eb80eb80
1881210
This is not currently possible. However, there is active work being done on Chrome Dev tools (e.g., https://developers.google.com/chrome-developer-tools/) and you can make a suggestion for an option of this feature.
answered Oct 31 '12 at 15:09
eb80eb80
1881210
answered Oct 31 '12 at 15:09
eb80eb80
1881210
answered Oct 31 '12 at 15:09
eb80eb80
1881210
answered Oct 31 '12 at 15:09
eb80eb80
1881210
1881210
add a comment |
add a comment |
In both Chrome and Firefox you can right-click and save the network information as a HAR (HTTP Archive). That HAR file can be processed manually, with a script or with one of several HAR viewers and contains the full URL.
Google has a great online HAR reader that will show the full URL of each request: https://toolbox.googleapps.com/apps/har_analyzer/
So to see the full URL:
- Save/export HAR file via Inspect > Network > Right-Click > Save As HAR.
- Load HAR into HAR Analyzer.
- Sort/filter as needed or highlight table cells/rows and copy/paste.
answered Oct 26 '16 at 1:31
Michael ThompsonMichael Thompson
30027
add a comment |
In both Chrome and Firefox you can right-click and save the network information as a HAR (HTTP Archive). That HAR file can be processed manually, with a script or with one of several HAR viewers and contains the full URL.
Google has a great online HAR reader that will show the full URL of each request: https://toolbox.googleapps.com/apps/har_analyzer/
So to see the full URL:
- Save/export HAR file via Inspect > Network > Right-Click > Save As HAR.
- Load HAR into HAR Analyzer.
- Sort/filter as needed or highlight table cells/rows and copy/paste.
answered Oct 26 '16 at 1:31
Michael ThompsonMichael Thompson
30027
add a comment |
In both Chrome and Firefox you can right-click and save the network information as a HAR (HTTP Archive). That HAR file can be processed manually, with a script or with one of several HAR viewers and contains the full URL.
Google has a great online HAR reader that will show the full URL of each request: https://toolbox.googleapps.com/apps/har_analyzer/
So to see the full URL:
- Save/export HAR file via Inspect > Network > Right-Click > Save As HAR.
- Load HAR into HAR Analyzer.
- Sort/filter as needed or highlight table cells/rows and copy/paste.
answered Oct 26 '16 at 1:31
Michael ThompsonMichael Thompson
30027
In both Chrome and Firefox you can right-click and save the network information as a HAR (HTTP Archive). That HAR file can be processed manually, with a script or with one of several HAR viewers and contains the full URL.
Google has a great online HAR reader that will show the full URL of each request: https://toolbox.googleapps.com/apps/har_analyzer/
So to see the full URL:
- Save/export HAR file via Inspect > Network > Right-Click > Save As HAR.
- Load HAR into HAR Analyzer.
- Sort/filter as needed or highlight table cells/rows and copy/paste.
answered Oct 26 '16 at 1:31
Michael ThompsonMichael Thompson
30027
edited Oct 26 '16 at 1:39
answered Oct 26 '16 at 1:31
Michael ThompsonMichael Thompson
30027
answered Oct 26 '16 at 1:31
Michael ThompsonMichael Thompson
30027
answered Oct 26 '16 at 1:31
Michael ThompsonMichael Thompson
30027
30027
add a comment |
add a comment |
This is not something that can be done in Chrome, sorry. In addition, there has been no word about any changes that will be made to the developer panel, so I would not expect this to be added soon.
answered Apr 5 '12 at 16:50
soandossoandos
20.2k2892130
add a comment |
This is not something that can be done in Chrome, sorry. In addition, there has been no word about any changes that will be made to the developer panel, so I would not expect this to be added soon.
answered Apr 5 '12 at 16:50
soandossoandos
20.2k2892130
add a comment |
This is not something that can be done in Chrome, sorry. In addition, there has been no word about any changes that will be made to the developer panel, so I would not expect this to be added soon.
answered Apr 5 '12 at 16:50
soandossoandos
20.2k2892130
This is not something that can be done in Chrome, sorry. In addition, there has been no word about any changes that will be made to the developer panel, so I would not expect this to be added soon.
answered Apr 5 '12 at 16:50
soandossoandos
20.2k2892130
answered Apr 5 '12 at 16:50
soandossoandos
20.2k2892130
answered Apr 5 '12 at 16:50
soandossoandos
20.2k2892130
answered Apr 5 '12 at 16:50
soandossoandos
20.2k2892130
20.2k2892130
add a comment |
add a comment |
Thanks for contributing an answer to Super User!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f393088%2fshow-full-uri-url-in-chromes-developer-tools-network-tab%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Possibly better on Stackoverflow?
– stolsvik
Feb 23 '12 at 9:30
I thought of that at first since it does seem kind of web-dev related, but the problem I am having actually isn't with development, but using Chrome itself.
– Lev
Feb 23 '12 at 12:14
Tools of the trade is also eligible on SO.
– stolsvik
Feb 23 '12 at 22:21
2
File a bug on new.crbug.com. Or you could file it upstream over at wkbug.com/new. Explain your use case the way you did here, and I’m sure it’ll be fixed eventually.
– Mathias Bynens
Feb 24 '12 at 7:26
DevTools tech writer here. FYI I do recommend posting questions like this to Stack Overflow, using the
[google-chrome-developer-tools]tag. We monitor that channel, but not this one.– Kayce Basques
Oct 25 '17 at 19:54