Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Dev Tools Sources Blank

I can no longer see the source to debug javascript using Chrome when browsing to localhost. All I see is a blank tab. Any help would be appreciated.

enter image description here

like image 439
John81 Avatar asked Apr 03 '18 18:04

John81


People also ask

How do I fix dev tools?

Open DevTools. Click the Go to Issues button in the yellow warning bar. Alternatively, select Issues from the More tools menu. Once you're on the Issues tab, click the Reload page button if necessary.

How do I reset my dev tools?

Reverting all DevTools settings to the defaults ) button, or press F1 . On the left, make sure the Preferences page is selected. At the bottom of the Preferences page, click the Restore defaults and refresh button.


2 Answers

I found some way to get it back. you can use parent.location.reload(true) in the console tab of inspect element window. then you can reload the page and find your scripts. generally Refreshing the page with DevTools open solve the issue for me.

like image 155
Ali Eshghi Avatar answered Oct 04 '22 02:10

Ali Eshghi


This also happens in the node debugger when going to chrome://inspect. I found that by clicking on 'Open Dedicated Dev Tools for Node' works better.

I also went into the settings menu and reset the dev tools settings, and I verified that the "Group by Folder" option was checked by clicking on the three dots button.

enter image description here

like image 23
alex Avatar answered Oct 04 '22 03:10

alex