How to go to a specific file in Chrome Developer Tools?
up vote
65
down vote
favorite
I am developing a web application with a heavy front-end approach. By using Dojo and the AMD-way, I currently have testing screens which may easily load over a hundred different javascript files.
When I want to debug for any specific problem, or verify if I am seeing an old version of a specific file, I find it really hard to find my files in the Sources tab in the Chrome Developer Tools.
Is there any shortcut or action I can make that will let me type the name of a file and will take me to the source of that file?
javascript debugging
google-chrome google-chrome-devtools frontend asked Jan 30 '13 at 15:50
Alpha
4,14364479
add a comment |
up vote
65
down vote
favorite
I am developing a web application with a heavy front-end approach. By using Dojo and the AMD-way, I currently have testing screens which may easily load over a hundred different javascript files.
When I want to debug for any specific problem, or verify if I am seeing an old version of a specific file, I find it really hard to find my files in the Sources tab in the Chrome Developer Tools.
Is there any shortcut or action I can make that will let me type the name of a file and will take me to the source of that file?
javascript debugging
google-chrome google-chrome-devtools frontend asked Jan 30 '13 at 15:50
Alpha
4,14364479
2
On the bottom right of the console, there is a gear icon. Click it. On the last tab in the settings window there is a shortcuts tab. You can see the key combos like the answer.
– epascarello
Jan 30 '13 at 15:57
Use 'Go to file' in Google Dev Tools (a flexible and useful tool with ability search on your function name, class name in CSS, ...)'Go to file' in Google Dev Tools
– Iman Bahrampour
Dec 7 '17 at 10:41
add a comment |
up vote
65
down vote
favorite
up vote
65
down vote
favorite
I am developing a web application with a heavy front-end approach. By using Dojo and the AMD-way, I currently have testing screens which may easily load over a hundred different javascript files.
When I want to debug for any specific problem, or verify if I am seeing an old version of a specific file, I find it really hard to find my files in the Sources tab in the Chrome Developer Tools.
Is there any shortcut or action I can make that will let me type the name of a file and will take me to the source of that file?
javascript debugging
google-chrome google-chrome-devtools frontend asked Jan 30 '13 at 15:50
Alpha
4,14364479
I am developing a web application with a heavy front-end approach. By using Dojo and the AMD-way, I currently have testing screens which may easily load over a hundred different javascript files.
When I want to debug for any specific problem, or verify if I am seeing an old version of a specific file, I find it really hard to find my files in the Sources tab in the Chrome Developer Tools.
Is there any shortcut or action I can make that will let me type the name of a file and will take me to the source of that file?
javascript debugging
google-chrome google-chrome-devtools frontend javascript debugging
google-chrome google-chrome-devtools frontend asked Jan 30 '13 at 15:50
Alpha
4,14364479
asked Jan 30 '13 at 15:50
Alpha
4,14364479
edited Dec 29 '15 at 18:48
asked Jan 30 '13 at 15:50
Alpha
4,14364479
asked Jan 30 '13 at 15:50
Alpha
4,14364479
asked Jan 30 '13 at 15:50
Alpha
4,14364479
4,14364479
2
On the bottom right of the console, there is a gear icon. Click it. On the last tab in the settings window there is a shortcuts tab. You can see the key combos like the answer.
– epascarello
Jan 30 '13 at 15:57
Use 'Go to file' in Google Dev Tools (a flexible and useful tool with ability search on your function name, class name in CSS, ...)'Go to file' in Google Dev Tools
– Iman Bahrampour
Dec 7 '17 at 10:41
add a comment |
2
On the bottom right of the console, there is a gear icon. Click it. On the last tab in the settings window there is a shortcuts tab. You can see the key combos like the answer.
– epascarello
Jan 30 '13 at 15:57
Use 'Go to file' in Google Dev Tools (a flexible and useful tool with ability search on your function name, class name in CSS, ...)'Go to file' in Google Dev Tools
– Iman Bahrampour
Dec 7 '17 at 10:41
2
2
On the bottom right of the console, there is a gear icon. Click it. On the last tab in the settings window there is a shortcuts tab. You can see the key combos like the answer.
– epascarello
Jan 30 '13 at 15:57
On the bottom right of the console, there is a gear icon. Click it. On the last tab in the settings window there is a shortcuts tab. You can see the key combos like the answer.
– epascarello
Jan 30 '13 at 15:57
Use 'Go to file' in Google Dev Tools (a flexible and useful tool with ability search on your function name, class name in CSS, ...)'Go to file' in Google Dev Tools
– Iman Bahrampour
Dec 7 '17 at 10:41
Use 'Go to file' in Google Dev Tools (a flexible and useful tool with ability search on your function name, class name in CSS, ...)'Go to file' in Google Dev Tools
– Iman Bahrampour
Dec 7 '17 at 10:41
add a comment |
3 Answers
3
active
oldest
votes
up vote
103
down vote
accepted
While in the sources tab use CTRL+O (⌘+O for Mac) to search scripts, stylesheets and snippets by filename.
(use CTRL+SHIFT+O to filter/navigate to a JavaScript function/CSS rule when viewing a file)
[Chrome Devtools Cheatsheet]
edited Jun 4 '15 at 15:57
JDB
16.7k45296
answered Jan 30 '13 at 15:52
CD..
53.5k21113130
This is good to know! You used to (before Chrome 35?) be able to start a filename search by just typing with the file navigator in the Sources tab focused; it's good to know that they've hidden this feature behind a shortcut rather than removing it completely. =)
– rakslice
Jun 17 '14 at 20:04
the caveat to the filter/search is that you can't seem to do exact searches or wildcards. searching for.jsreturns any file with ajor ansor a.in the filename :/
– worc
Aug 23 '16 at 17:06
add a comment |
up vote
12
down vote
CTRL + P brings up the search input in Windows.
answered Feb 3 '17 at 12:53
Aleksei Mialkin
82611116
OandPseem to have the same behavior. I wonder if one is deprecated.
– isherwood
May 4 at 14:06
add a comment |
up vote
0
down vote
Mac: Command + O
Windows: Ctrl + O
answered Nov 20 at 7:33
Jackie
163
add a comment |
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
103
down vote
accepted
While in the sources tab use CTRL+O (⌘+O for Mac) to search scripts, stylesheets and snippets by filename.
(use CTRL+SHIFT+O to filter/navigate to a JavaScript function/CSS rule when viewing a file)
[Chrome Devtools Cheatsheet]
edited Jun 4 '15 at 15:57
JDB
16.7k45296
answered Jan 30 '13 at 15:52
CD..
53.5k21113130
This is good to know! You used to (before Chrome 35?) be able to start a filename search by just typing with the file navigator in the Sources tab focused; it's good to know that they've hidden this feature behind a shortcut rather than removing it completely. =)
– rakslice
Jun 17 '14 at 20:04
the caveat to the filter/search is that you can't seem to do exact searches or wildcards. searching for.jsreturns any file with ajor ansor a.in the filename :/
– worc
Aug 23 '16 at 17:06
add a comment |
up vote
103
down vote
accepted
While in the sources tab use CTRL+O (⌘+O for Mac) to search scripts, stylesheets and snippets by filename.
(use CTRL+SHIFT+O to filter/navigate to a JavaScript function/CSS rule when viewing a file)
[Chrome Devtools Cheatsheet]
edited Jun 4 '15 at 15:57
JDB
16.7k45296
answered Jan 30 '13 at 15:52
CD..
53.5k21113130
This is good to know! You used to (before Chrome 35?) be able to start a filename search by just typing with the file navigator in the Sources tab focused; it's good to know that they've hidden this feature behind a shortcut rather than removing it completely. =)
– rakslice
Jun 17 '14 at 20:04
the caveat to the filter/search is that you can't seem to do exact searches or wildcards. searching for.jsreturns any file with ajor ansor a.in the filename :/
– worc
Aug 23 '16 at 17:06
add a comment |
up vote
103
down vote
accepted
up vote
103
down vote
accepted
While in the sources tab use CTRL+O (⌘+O for Mac) to search scripts, stylesheets and snippets by filename.
(use CTRL+SHIFT+O to filter/navigate to a JavaScript function/CSS rule when viewing a file)
[Chrome Devtools Cheatsheet]
edited Jun 4 '15 at 15:57
JDB
16.7k45296
answered Jan 30 '13 at 15:52
CD..
53.5k21113130
While in the sources tab use CTRL+O (⌘+O for Mac) to search scripts, stylesheets and snippets by filename.
(use CTRL+SHIFT+O to filter/navigate to a JavaScript function/CSS rule when viewing a file)
[Chrome Devtools Cheatsheet]
edited Jun 4 '15 at 15:57
JDB
16.7k45296
answered Jan 30 '13 at 15:52
CD..
53.5k21113130
edited Jun 4 '15 at 15:57
JDB
16.7k45296
edited Jun 4 '15 at 15:57
JDB
16.7k45296
edited Jun 4 '15 at 15:57
JDB
16.7k45296
16.7k45296
answered Jan 30 '13 at 15:52
CD..
53.5k21113130
answered Jan 30 '13 at 15:52
CD..
53.5k21113130
answered Jan 30 '13 at 15:52
CD..
53.5k21113130
53.5k21113130
This is good to know! You used to (before Chrome 35?) be able to start a filename search by just typing with the file navigator in the Sources tab focused; it's good to know that they've hidden this feature behind a shortcut rather than removing it completely. =)
– rakslice
Jun 17 '14 at 20:04
the caveat to the filter/search is that you can't seem to do exact searches or wildcards. searching for.jsreturns any file with ajor ansor a.in the filename :/
– worc
Aug 23 '16 at 17:06
add a comment |
This is good to know! You used to (before Chrome 35?) be able to start a filename search by just typing with the file navigator in the Sources tab focused; it's good to know that they've hidden this feature behind a shortcut rather than removing it completely. =)
– rakslice
Jun 17 '14 at 20:04
the caveat to the filter/search is that you can't seem to do exact searches or wildcards. searching for.jsreturns any file with ajor ansor a.in the filename :/
– worc
Aug 23 '16 at 17:06
This is good to know! You used to (before Chrome 35?) be able to start a filename search by just typing with the file navigator in the Sources tab focused; it's good to know that they've hidden this feature behind a shortcut rather than removing it completely. =)
– rakslice
Jun 17 '14 at 20:04
This is good to know! You used to (before Chrome 35?) be able to start a filename search by just typing with the file navigator in the Sources tab focused; it's good to know that they've hidden this feature behind a shortcut rather than removing it completely. =)
– rakslice
Jun 17 '14 at 20:04
the caveat to the filter/search is that you can't seem to do exact searches or wildcards. searching for
.js returns any file with a j or an s or a . in the filename :/– worc
Aug 23 '16 at 17:06
the caveat to the filter/search is that you can't seem to do exact searches or wildcards. searching for
.js returns any file with a j or an s or a . in the filename :/– worc
Aug 23 '16 at 17:06
add a comment |
up vote
12
down vote
CTRL + P brings up the search input in Windows.
answered Feb 3 '17 at 12:53
Aleksei Mialkin
82611116
OandPseem to have the same behavior. I wonder if one is deprecated.
– isherwood
May 4 at 14:06
add a comment |
up vote
12
down vote
CTRL + P brings up the search input in Windows.
answered Feb 3 '17 at 12:53
Aleksei Mialkin
82611116
OandPseem to have the same behavior. I wonder if one is deprecated.
– isherwood
May 4 at 14:06
add a comment |
up vote
12
down vote
up vote
12
down vote
CTRL + P brings up the search input in Windows.
answered Feb 3 '17 at 12:53
Aleksei Mialkin
82611116
CTRL + P brings up the search input in Windows.
answered Feb 3 '17 at 12:53
Aleksei Mialkin
82611116
answered Feb 3 '17 at 12:53
Aleksei Mialkin
82611116
answered Feb 3 '17 at 12:53
Aleksei Mialkin
82611116
answered Feb 3 '17 at 12:53
Aleksei Mialkin
82611116
82611116
OandPseem to have the same behavior. I wonder if one is deprecated.
– isherwood
May 4 at 14:06
add a comment |
OandPseem to have the same behavior. I wonder if one is deprecated.
– isherwood
May 4 at 14:06
O and P seem to have the same behavior. I wonder if one is deprecated.– isherwood
May 4 at 14:06
O and P seem to have the same behavior. I wonder if one is deprecated.– isherwood
May 4 at 14:06
add a comment |
up vote
0
down vote
Mac: Command + O
Windows: Ctrl + O
answered Nov 20 at 7:33
Jackie
163
add a comment |
up vote
0
down vote
Mac: Command + O
Windows: Ctrl + O
answered Nov 20 at 7:33
Jackie
163
add a comment |
up vote
0
down vote
up vote
0
down vote
Mac: Command + O
Windows: Ctrl + O
answered Nov 20 at 7:33
Jackie
163
Mac: Command + O
Windows: Ctrl + O
answered Nov 20 at 7:33
Jackie
163
answered Nov 20 at 7:33
Jackie
163
answered Nov 20 at 7:33
Jackie
163
answered Nov 20 at 7:33
Jackie
163
163
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- 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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2fstackoverflow.com%2fquestions%2f14608075%2fhow-to-go-to-a-specific-file-in-chrome-developer-tools%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
2
On the bottom right of the console, there is a gear icon. Click it. On the last tab in the settings window there is a shortcuts tab. You can see the key combos like the answer.
– epascarello
Jan 30 '13 at 15:57
Use 'Go to file' in Google Dev Tools (a flexible and useful tool with ability search on your function name, class name in CSS, ...)'Go to file' in Google Dev Tools
– Iman Bahrampour
Dec 7 '17 at 10:41