firefox-developer-tools

How do I set Firefox Dev Tools to respect source maps in the console?

坚强是说给别人听的谎言 提交于 2019-12-24 09:37:27
问题 I'm using Firefox v47 on a Mac. I've worked out how to get the Debugger to use JavaScript source maps to show where I'm triggering some code, but it uses the compiled file in the Console. How do I get it to show me the uncompiled file lines? This works out of the box in Chrome, so seems an odd omission in Firefox so I'm assuming I've done something wrong. 回答1: In the Firefox Toolbox Settings, enable the option Show original sources in the Style Editor area. This option should, however, be

Firefox Web Developer Tools - How can I change the default debugger shortcuts?

ぐ巨炮叔叔 提交于 2019-12-24 07:06:10
问题 I recently got some issues with Firebug and I'm trying to use the built-in Firefox web developer tools instead. My main issue for now is that I don't see how to change the debugger's shorcuts : run (F8) / Step Over (F10) / Step In (F11) and Step Out (Shift+F11) . I did try with this and that extensions but without success. I want them to be : run (F9) / Step Over (F8) / Step In (F7) and Step Out (F10) . Any idea? 来源: https://stackoverflow.com/questions/26984214/firefox-web-developer-tools-how

Firebug is not working with Firefox version 50.0

橙三吉。 提交于 2019-12-18 01:15:45
问题 I am using Firefox 50.0. After auto update of Firefox to version 50.0, Firebug has stopped working and attempting to use it is showing an inbuilt Firefox console while inspecting any DOM element. Is there any patch to use Firebug on Firefox 50.0 version? 回答1: Solve The problem by Changing Mozilla Browser Configuration Settings. Open A Blank Tab type about:config in address bar then press enter (click on I accept the risk!) find browser.tabs.remote.autostart select the option then click the

Where does parameter value that not show in firefox dev edition go?

你说的曾经没有我的故事 提交于 2019-12-14 02:07:34
问题 where does firefox developer edition hide the XHR request param... ? Here the image when i open the console tools and make some XHR request but none of parameter is show. Im using POST method when XHR it... I am using firefox-dev edition version : 57.0b11 (64-bit) thanks u for any guide. 回答1: Fortunately those litte guys comeback again to their home as this is getting solved in the newer version of firefox dev edition (58.0b4 (64-bit) Thanks you 来源: https://stackoverflow.com/questions

Set focus on web page rather than Firefox debugger after refreshing page

萝らか妹 提交于 2019-12-14 00:35:52
问题 I'm using the default Firefox web developer tools. Firefox 20.0, Mac OS X 10.7. If I have the developer tools' Debugger panel open (but not focussed), and refresh the page, focus goes to the debugger panel rather than the refreshed page. Can I set focus to go to the refreshed page instead? If I have the Web Console panel open instead, that doesn't steal the focus - ideally I'd like to get the debugger to behave the same way. My program uses document keyup and keydown events, and the page

Console does not show event source from source map

偶尔善良 提交于 2019-12-12 17:19:26
问题 In FireFox I load my web application which has a Source Map. The Source Map seems to be loaded correctly, as the Debugger tab shows the original source files. However, the Console tab contains only links to the compiled code, instead of the Source Map code. Is a Source mapping done in FireFox Console? Do I have to enable anything? Update: I also tried it in chrome and there the console shows the original location of the event, BUT: only the first time after starting chrome AND only, if I

Benchmarking runtime of ajax requests

一个人想着一个人 提交于 2019-12-12 13:20:44
问题 I am encountering a strange problem, and most likely I do not understand something correctly. I have a website, which uses ajax requests to load different pages, to make it more application like. I've noticed that the page load times, are rather high (1-3 seconds), and wanted to benchmark it, to notice where the problem is coming from. I was using Firefox's Developer Tools, and the Networking tab. When I clicked on my link, to load the page with the ajax request, I was checking the developer

How do I get Firefox debugger watch's target element?

坚强是说给别人听的谎言 提交于 2019-12-12 12:38:55
问题 I've been trying to add the highlighting feature to the Firefox DevTools debugger, so it will highlight the element instead of only showing [HTMLAnchorElement] or similar. I know it's possible, since you can set someElement.style.border='1px solid blue' or similar as a watch, and it hightlights the element. So why not let it store current border, and show it on mouseover using element.style.border='1px solid blue' , and restore it on mouseout? While debugging in Firefox devtools, I noticed

Page jumps to the beginning after reload with open developer tools in firefox

百般思念 提交于 2019-12-12 06:15:00
问题 If I have the firefox developer tools opened and make a reload (F5) then the page jumps back to the beginning. When the developer tools are closed the jump does not happen. Scrolling down again and again is very annoying during development. Someone an idea how to prevent this? Firebug made it better and the dev tools of Chrome as well. 来源: https://stackoverflow.com/questions/43974146/page-jumps-to-the-beginning-after-reload-with-open-developer-tools-in-firefox

Use external editor in Firefox devtools?

别说谁变了你拦得住时间么 提交于 2019-12-12 05:00:07
问题 If I click on a filename with line number ( script.js:100:4 ) in the Firefox developer tools, it takes me to an integrated editor. Is there a way to open an external editor (at the correct line) instead (for example, VS Code)? There is a similar question for Chrome from 2013, where it was not (yet?) possible. 回答1: Unfortunately, there is no option yet to open the sources in an external editor. I've filed an enhancement request for that a long time ago. 来源: https://stackoverflow.com/questions