While developing some JavaScript using Chrome 38.0.2125.122 m Developer Tools, I clicked on an error in the JavaScript console and was met with the following message:
Drop workspace folder here
Why isn't Chrome taking me to the offending line on the offending file, as usual? What is a workspace folder? What am I expected to do?
Seems like it is another way to add a workspace to the DevTools (another way of doing this: https://developer.chrome.com/devtools/docs/workspaces#).
It happened for me when I dragged a file to an open browser page and the file was accidentally dragged over the open DevTools. If you want this to go away you can drag and drop a dummy file. This way there is no need to restart Chrome.
This happens in recent versions of Opera browser too.
For me it happens when I drag a file or folder over any part of the dev panel, even while it is behind other programs or folders.
The prompt does not always stick, but when it does, dragging any file off my desktop back over the dev panel usually un-sticks it. It doesn't seem necessary to drop the file in the prompted area, but that works too.
In addition to Alexandra's answer link, there're discussions on the GoogleChrome git pages discussing 'workspaces'.. personally I don't use it, I prefer a full editor.
Related
I am interested in messing with the built-in PDF viewer of Microsoft Edge. I know you can inspect its files in the Dev console, but I would like to know where these files are actually located so I can change them to alter/add some functionality.
Another possibility would be to run a user script when a PDF is loaded, but tampermonkey does not seem to work when a PDF file is opened in Edge.
Why I want to do this: I would like to see whether I can implement additional functions that I'd like to use in the PDF viewer. I know there are pdf js libraries out there, but I feel like none of them display pdfs as nicely as Edge does and I haven't found one that allows drawing on pdfs.
You can see the edge_pdf source code by inspect the page ,then click the Source panel, it show all the resource which edge_pdf loaded.
Whenever I write a script inside Google Chrome using the Developer Tools > Sources > Snippets, I'm not able to edit the script content after I hit run
The Console generates the log, but clicking on the script panel has no effect. I'm able to select the content, but that's all. The only way to clear the content or type again is deleting the current snippet file and/or creating an empty one
Some people said it could be due to one of my extensions, but I've already tested in a new Chrome window logged as a Guest user and the output was the same. It happens on Windows 10 and Ubuntu 20.04 as well
I have went through this link https://confluence.jetbrains.com/display/WI/Live+Edit as well as this question thread Webstorm LiveEdit for chrome not working and I still cannot get my Webstorm live edit to work.
I have the live edit plugin enabled, the auto reload setting on (300ms) and the jetbrains chrome extension installed. When I activate debug mode the project opens up fine in the browser but the page does not actively reload when I adjust the content or save the file. One thing I have noticed (and the above links recommend) is to make sure that Live Edit is clicked in the view menu dropdown but I do not have that option in regular run or debug mode.
Any idea how I can get this to work properly? If you need more information to solve this issue please let me know.
I also have the same problem but one alternative if you need live edit is:
Try right click on the html file (suppose index.html) and then choose the option debug index.html. Then this will generate an option at the top. So every time you click on the bug icon it will open Chrome and every change that you make on index.html will appear immediately on Chrome.
Also if you select some code in WebStorm it will appear in yellow on Chrome.
I ran into the same problem today. I'm utilizing WebStorm 2016.2.2. In addition the extension for chrome did want to connect. The following steps solved my issue:
Verify that your configuration in your IDE matched with the extension in your browser.
Copy the URL path up to 63342. Now lets go to the browser. Right click the JB extension icon.
Make sure that your extension set up matches IDE configuration like so.
Hope this helps for newer versions of WS!!!
I've been working on a Chrome extension and I have a minor annoyance with debugging my scripts. My background page is a Javascript file and it is always minified automatically by Chrome. You can see how this becomes a pain to use the developer tools on because everything is on a single line. Anyone know if this can be disabled?
To view your Chrome extension source normally:
1 open Chrome's extension management page
2 make sure developer mode is checked
3 click link after inspect views to open extension files in chrome developer tools window
4 click link to included script file in background page to view background script
Perhaps this is relevant.
http://www.elijahmanor.com/7-chrome-tips-developers-designers-may-not-know/
The ability to Pretty Print ( a.k.a. unminify ) JavaScript source
Sometimes I'm trying to figure out a bug and unfortunately the JavaScript that was included has been minified. As you are aware trying to debug a minified file is nearly impossible. How do you set a break point on a line that is a bazillion characters long?
Thankfully Chrome has a Pretty Print feature that will take a minified JavaScript file and format it property. All you need to do is to click the "{ }" icon on the bottom toolbar to activate this feature. Of course the names will still be obfuscated ( depending on what program minfied the JavaScript in the first place ), but you will at least be able to set break points and debug the code.
I have downloaded and installed IE8. I was playing around with the debugger, but I could not figure out how to load external javascript files. It displays the javascript from the main page, but I need to debug the script in the external files. I have googled various articles that show a screenshot of an IE8 debugger with a drop-down for selecting which script to debug, but my debugger does not feature this. Can anyone help me with this? Thanks.
Here is what I am seeing when I open up IE8. You just click the URL and it brings up a list of all scripts, which you can then click to load. If for some reason your browser is not showing the Script tab, maybe you should uninstall and reinstall it.
If the toolbar isn't wide enough (at least 800 at 92dpi) then the drop down arrow will be hidden (you can still click on the main area though). You can change that size by shrinking the size of the console on the right hand side their is a horizontal splitter bar between the script and console panes just click and drag on it.