firefox-developer-tools

Getting YouTube livestream URL

阅读更多关于 Getting YouTube livestream URL

问题 I need a way to get the URLs of a YouTube live stream, ideally URLs for each quality (i.e. 240p, 360p). What I tried so far: Use Wireshark (Don't know how to apply proper filters) Use urlsnoopers (Couldn't find anything that works in Linux) Get the m3u8 URL from the page source (Couldn't control quality) Use Firefox developer tools to analyze the network (Would not get the m3u8 URL for some links) On another note I noticed that some of the lower quality stream URL links seem to get stuck

How to prevent Firefox DevTools from showing “Source Map not found” errors?

阅读更多关于 How to prevent Firefox DevTools from showing “Source Map not found” errors?

问题 I am using a couple of 3rd party minified Javascript files that have no .map file. When I am debugging in Firefox DevTools, it consistently shows these errors: Source map error: request failed with status 404 Resource URL: https://foo.domain.com/widgets/widgets.min.js Source Map URL: widgets.min.js.map This is really distracting since there are a number of these files and they really pollute the console. Is there anyway to turn these warnings off? 回答1: You can disable source maps globally by

How to debug a Firefox Add-on SDK extension?

阅读更多关于 How to debug a Firefox Add-on SDK extension?

问题 I am working on code for a Firefox Add-on SDK extension. I want to debug it. Can we debug it like we do in Firebug ? Firebug is not working for my add-on. 回答1: First result on Google… To enable the Add-on Debugger you need to check the "Enable chrome and addon debugging" and "Enable remote debugging" settings in Firefox. To do this, select "Toggle Tools" from the Web Developer menu in Firefox, open the Developer Tools Settings, and check "Enable chrome and addon debugging" and "Enable remote

How do I debug jQuery events using Firefox debugger?

阅读更多关于 How do I debug jQuery events using Firefox debugger?

I've been wracking my brain over this and cannot figure it out for the life of me. Here's a test page I built for the sake of this discussion: http://jsbin.com/garokalocu Let's assume this page is very complex and I didn't build it, and I'm trying to see the code that runs when the user clicks "Do It." So I open the debugger, open the side pane and click "Events." I checkmark the click event for #execute which is the button. Now I click the button, and the code hits the breakpoint. But strangely, the name "Bob" has already been filled in, so clearly it flew right past the actual code, and

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

阅读更多关于 Set focus on web page rather than Firefox debugger after refreshing page

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 needs focus for these to work. Having to click on the page each time is proving surprisingly annoying (it's

Firefox Developer edition missing add watch functionality

阅读更多关于 Firefox Developer edition missing add watch functionality

问题 After update to 52.0a2 and i am not able at javascript debugger create my own expressions, add watch etc. When i right click some variable i used to just select from context menu "add text to watch expression", but in newest version its missing. Do i have to enable someting? thanks 回答1: The Debugger panel in the Firefox Developer Edition 52.0a2 is actually an external project reworked from scratch, which doesn't have all features of the original Debugger panel yet. The watch expressions are

How to access add-on content script in Firefox console?

阅读更多关于 How to access add-on content script in Firefox console?

问题 I have developed an add-on for Firefox and Chrome. It has content scripts. I want to access them in the browser tab's console (on Firefox the Web Console). For example, I want to enter a global variable defined in the content script(s) in the console, and it will output its value. In Chrome, I can open the console by pressing F12 , then navigate to the Console tab in the developer tools. It has a dropbox, right after the filter button, to select which context I am in (page/content script): In

How to force Firefox to open devtools on each tab?

阅读更多关于 How to force Firefox to open devtools on each tab?

问题 Is there any way how to enable opening of devtools on all new tabs? I'd like to have devtools opened to be able to comfortably debug popup windows. 回答1: Dmitry Kulikov has developed a plugin for Firefox that does exactly this. You can find it here: https://github.com/dmitry-kulikov/firefox-devtools-auto-open and can be installed from the firefox add-on store here: https://addons.mozilla.org/en-us/firefox/addon/devtools-auto-open From my experience it does not bind to the new tab from the

How do I refresh in Firefox and preserve breakpoints?

阅读更多关于 How do I refresh in Firefox and preserve breakpoints?

问题 I am debugging javascript in Firefox Aurora Developer Tools. I set a breakpoint in a javascript file, and refreshed the page, after which all my breakpoints went away. How do I preserve breakpoints in Firefox developer tools when I refresh the page? 回答1: This sounds like a regression; breakpoints should stay active across page refreshes. Can you share the code you are working with (or a minimal test case) and give some steps to reproduce the lost breakpoints? 回答2: The breakpoints stay

Best way to detect when a function is called from the console

阅读更多关于 Best way to detect when a function is called from the console

问题 I would like to know the best way to detect when a method or function is directly called through the console. As far as I currently understand, it's not possible to directly detect it on identical function calls, but using the .call() and .apply() methods of a function I can pass additional data through the this object. Given the following code structure: (function(){ var Player = {money: 0}; window.giveMoney = function(amount){ if (this.legit !== true) throw new Error("Don't try to cheat!");