firefox-developer-tools

Firefox extension not showing icons

六月ゝ 毕业季﹏ 提交于 2019-12-02 20:50:36
问题 I have implemented sample mozilla firefox extension to display firefox icon (action button) on toolbar and it will open "http://www.mozilla.org/". It is working fine in jpm run, then I have created package of that using jpm xpi and created xpi file. Then I have installed it in my firefox browser and successfully installed but did not work. It couldn't add firefox icon (action button) on toolbar (There is no error in console). Below is the code. index.js var buttons = require('sdk/ui/button

Can I prevent the Firefox developer tools network panel from clearing on page reload?

梦想的初衷 提交于 2019-12-02 15:41:06
I would like to observe the contents of a POST request whose successful completion results in a location.reload() - when I try to capture this request in the Network Panel of the Firefox developer tools, I find that the page reload clears the list of captured events. Can I prevent this clearing? wbamberg From Firefox 31 onwards you can use the " Enable persistent logs " setting to prevent the Network Monitor from clearing the list on reload. Despite knowing the name for the setting is "Enable persistent logs", it took me a while to find it on the settings page. I hope this helps: I couldn't

What unique features does Firebug have that are not built-in to Firefox?

橙三吉。 提交于 2019-12-02 14:05:43
I just cleaned my Firefox addons and wondered: Which features does Firebug have that make it unique? Which features are available in both Firebug and the Firefox Developer Tools? Sebastian Zartner Firefox's native developer tools have come a long way since this question was written. The differences have mainly reduced to the following points: Can't stop the script execution on DOM mutations, XHRs, or cookie changes. XPaths can't be copied. Missing an events side panel in the Inspector (though events are displayed within the DOM structure). Missing a DOM side panel in the Inspector. No live

Firefox isn't showing typescript (.ts) source maps in the debugger

好久不见. 提交于 2019-12-02 01:22:48
问题 I can only see the .js files, the .ts sources don't appear in Firefox. It works in Chrome, I can see and place line breaks in .ts files, and the debugger works great. But Firefox will not work, no version, not the stable or the nightly or the developer version. Could it be that the functionality is not implemented on Mac/OSX? If so, there should be something on the internet about that, but I've found nothing. Apparently, the problem has not been documented anywhere. Does anyone have any

Firefox isn't showing typescript (.ts) source maps in the debugger

廉价感情. 提交于 2019-12-01 21:50:30
I can only see the .js files, the .ts sources don't appear in Firefox. It works in Chrome, I can see and place line breaks in .ts files, and the debugger works great. But Firefox will not work, no version, not the stable or the nightly or the developer version. Could it be that the functionality is not implemented on Mac/OSX? If so, there should be something on the internet about that, but I've found nothing. Apparently, the problem has not been documented anywhere. Does anyone have any knowledge of this, and perhaps how to fix it? A little late but hopefully helpful. For Firefox make sure

Firefox developer tools adding a new rule?

╄→尐↘猪︶ㄣ 提交于 2019-12-01 17:52:35
I decided to try out the built in Firefox Developer Tools. Seems to be nice, but... I can't find out how to add a new rule to the CSS from Inspector/Rules. By that I mean ".my-new-rule" not just the "element" rule that is open by default. FINAL EDIT: This is now possible with the latest Firefox update. Update: As of FF 33.00 it is now possible to add new CSS rules using the inspector! It is not possible to use the inspector to create new CSS rules with out a browser add-on (see comment below). Just use the style editor. Type anywhere to make a new rule: As of Firefox 33 (in nightly right now

How to pack a Firefox extension from scratch

北城以北 提交于 2019-12-01 11:49:18
I am new to Firefox extensions and i would like you to help me pack one extension that i build and send it to some friends to test it. My Extension is about to "block" some URLs. Which means that if someone tries to join "facebook.com" my extension should redirect him to "www.google.com" the code is below. const {classes: Cc, interfaces: Ci, utils: Cu, results: Cr} = Components; Cu.import('resource://gre/modules/Services.jsm'); var urls_block = [ //If URLs contain any of these elements they will be blocked or redirected, // your choice based on code in observer line 17 'www.facebook.com', 'www

How to pack a Firefox extension from scratch

一笑奈何 提交于 2019-12-01 11:37:28
问题 I am new to Firefox extensions and i would like you to help me pack one extension that i build and send it to some friends to test it. My Extension is about to "block" some URLs. Which means that if someone tries to join "facebook.com" my extension should redirect him to "www.google.com" the code is below. const {classes: Cc, interfaces: Ci, utils: Cu, results: Cr} = Components; Cu.import('resource://gre/modules/Services.jsm'); var urls_block = [ //If URLs contain any of these elements they

PHP Logs in native console Firefox Developer

删除回忆录丶 提交于 2019-12-01 06:30:28
I highly prefer the firefox developer inspector than the firebug one. But is that possible to display PHP logs in the native JS console ? Thanks :) I just installed Chrome Logger ( github | website ) with Chrome PHP to accomplish this in Chrome since Firefox 50+ broke FirePHP. I then learned that Firefox's web console has been supporting Chrome Logger since v43 ( https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Console_messages#Server ). So in short, yes, you can log PHP variables to the Firefox web console using Chrome PHP. It's this simple: Download the latest Chrome PHP library:

PHP Logs in native console Firefox Developer

大憨熊 提交于 2019-12-01 05:07:27
问题 I highly prefer the firefox developer inspector than the firebug one. But is that possible to display PHP logs in the native JS console ? Thanks :) 回答1: I just installed Chrome Logger ( github | website ) with Chrome PHP to accomplish this in Chrome since Firefox 50+ broke FirePHP. I then learned that Firefox's web console has been supporting Chrome Logger since v43 (https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Console_messages#Server). So in short, yes, you can log PHP