Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [firefox-developer-tools]

The Firefox Developer Tools are the built-in development tools in Mozilla Firefox.

1
vote
1answer
18 views

How can I turn on accessibility features in Firefox?

Firefox's developer tools has an Accessibility section that I'd like to use. However, the button to turn it on is disabled. I've tried refreshing the page once the Accessibility tab is open but it ...
1
vote
1answer
62 views

Unable to take full page screenshot using “screenshot --fullpage”

I am using Firefox 64.0 on Windows 10 (1803). In past I have been able to take full page screen captures by issuing the command screenshot --fullpage on the browser console. Now using this command ...
0
votes
1answer
32 views

How to manipulate DOM in ubuntu command line without actually rendering the page on the GUI?

I've written a small JS snippet which clicks some buttons in the DOM of a certain target website in a loop. To run this snippet, I open the target website in firefox. Then I paste this JS snippet in ...
0
votes
1answer
56 views

Turn visited website hyperlink to purple

By default any link I visit on google turns purple on most browsers. This only applies to the specific webpages I visit. Is there any way to turn links for all webpages of a particular website purple ...
0
votes
0answers
29 views

How to change color scheme of Firefox console debugger on OSX?

I searched my computer for "userchrome.css", don't see it. I want to change background color + foreground color.
1
vote
0answers
36 views

How to disable the blue lines in Firefox, when developer tools are ON

When we turn on dev tools in Firefox, especially the 'inspector', and we select some element, Firefox marks the element in the main view. This also happens, when we console.log(someHtmlElement) and ...
0
votes
0answers
20 views

Removing Console From Firefox's Inspector Tab [duplicate]

Is it possible to remove the console from the "inspector" tab of Firefox's developer tools, making it only in the "console" tab? I poked around in the settings, but found nothing. Currently, it's here,...
2
votes
1answer
358 views

How to change the width of the columns in Firefox’s developer tools’ network tab

In Chrome, I can customize the width of the columns in its developer tools’ network tab: In Firefox, I can’t figure out how to do the same thing: Is it possible?
0
votes
0answers
43 views

How to find js related to keyboard bindings in Firefox's developer tools?

I'm trying to remove/add/edit hotkeys for a site (for example, arrow keys to navigate between pages of a photo album) and I don't know how to view the related code via developer tools in Firefox. How ...
1
vote
0answers
30 views

Debug video stream in Firefox dev tools

Is it possible to debug a video stream using the Firefox dev tools? Specifially I would like to monitor the transfer rate and find out why a video sometimes stutters. Not sure if it is caused by the ...
1
vote
0answers
141 views

Firefox Developer Tools failed to inspect variables on hover over

I have FireFox Quantum 57.0.2 (64 bits) and Windows 8.1. It was working fine till now, but suddenly I can't get pop up value on hover over variables. This and other issues come up in all pages ...
0
votes
1answer
32 views

Disable access to Firefox API in Console

I need to deploy Firefox and prevent users from doing Cu.import calls from the web console. Is this possible at all? If yes, is there a simple way to achieve this setting an about:config pref?
4
votes
1answer
108 views

Firefox devtools: how to hide console from other dev tabs?

When I open my Firefox 55 devtools (F12), the Console shows up under every tab. Here it's taking up the bottom 40% of the Network Monitor tab: This can be useful if I want to see new console messages ...
0
votes
1answer
35 views

Show all box models at once sticky [closed]

When I hover a DOM element in the Firefox Developer Tools, margins (yellow) and paddings (purple) are displayed on the website. Is it possible to show these boxes for all elements at once sticky?
1
vote
2answers
47 views

Change the site's source on each load in Firefox

There's a website on my uni localnet which serves an inline css for body <body class="maincon" style="somejunk"> making it look weird. Removing inline style with the Firefox Inspector (F12) ...
0
votes
0answers
185 views

DownThemAll - Wait page until finish loading then download

I'm using DownThemAll with Firefox. I've several links like this: site1.com/1.html site1.com/2.html site1.com/3.html etc.... I want to download these HTML pages with DownThemAll. The problem is: ...
1
vote
1answer
310 views

Inspecting elements on localhost doesn't display element dimensions

I'm using both "Regular" Firefox as well as the Developer edition. At the moment I'm developing a website locally (using node.js/gulp) and am experiencing a weird... maybe a bug? Whenever I inspect ...
4
votes
1answer
562 views

Firefox Developer Tools - Can't catch POST data

I'm trying to catch the POST requests made after logging into a website using Firefox Developer Tools, but as soon as the page loads and redirects me to the logged in page, all the entries in 'Network'...
3
votes
2answers
3k views

How to turn on Firefox's Responsive Design Mode's touch simulator?

I want to use Firefox for mobile development. And I would like to turn on Firefox's responsive design's touch simulator. While I'm in device mode in Chrome, the browser shows a gray circle as mouse ...
1
vote
1answer
303 views

How to get back the old debugger in Firefox

Firefox 52 introduces a new JavaScript Debugger with new UI but lack of many features that the old one has. One that I found critical and can't work without is the ability to search for some text in ...
0
votes
1answer
23 views

“Run to line feature” while debugging in Firefox

Is there a run-to-line feature in the default Firefox debugger? I use Firefox on Ubuntu. While debugging a block of code, I right-click on a line hoping to find some option to that effect, instead I ...
1
vote
0answers
77 views

Firefox developer cannot find chrome://ubufox/locale/ubufox.properties

I'm getting an error when I open my firefox developer edition browser in Windows 10, which is that it cannot find chrome://ubufox/locale/ubufox.properties. I suppose the reason is that I have ...
0
votes
1answer
260 views

How to disable the grid highlighting of multiple elements in Firefox?

Sorry, I don't know how to name that, tried to search looking for rulers, guides, grid and markup - no luck. I'm speaking about blue dashed lines and the gray area. Usually when you're at inspector ...
0
votes
1answer
193 views

Firefox: purge all data (cache, cookies, local storage, etc) for a specific website

Chrome has this handy tool: Lets you purge all kinds of storage for a specific website without ruining your experience for all other websites. How do I do the same in Firefox?
1
vote
1answer
36 views

Firefox web-console reference manual available?

In Firefox 46, I was looking for the options available for: The best I can get is this page. I'm actually interested in the full reference of the Firefox console. The best incomplete reference I ...
0
votes
1answer
23 views

Cycling though css values in Firefox's style editor

In Firebug, when editing some css property, I can press up and down to cycle through all the possible values. So if I'm editing the "color" property, and I press up/down, it will cycle through "red", ...
1
vote
0answers
158 views

Browser color distinction between production and dev environment

I use Firefox to develop and maintain a web application for my office. The interface will look identical for production & development, and the urls won't be easily distinct though except few ...
2
votes
0answers
67 views

How do I turn off groupLogMessages in Firefox console, not Firebug?

I know how to do this in Firbug, but want to disable the grouping (red circle with a number in it) in the regular console. I've searched inside about:config, but couldn't find it. Is this possible?
0
votes
0answers
267 views

Batch downloading from Inspect Element in Firefox? (DownThemAll doesn't work)

DownThemAll! shows none of these, but I can view all the images from Inspect Element. Is there a way to download all these images? Edit: I figured that I could use a batch descriptor: I could use ...
0
votes
1answer
74 views

How to set default size of page in firefox developer edition

I use Firefox Developer Edition on my Macbook pro retina. However, Firefox doesn't support finger pinch in and out page enlargement like safari and chrome. I have to do that from top bar. How can I ...
1
vote
1answer
250 views

Show autocomplete suggestions for Developer Toolbar in Firefox?

In the screenshot below (Firefox 39), the Developer Toolbar prompt (the one shown on Shift+F2, not the prompt of the (Web) Console raised with Ctrl-Shift-K, which is also shown above the Developer ...
0
votes
1answer
968 views

Firefox about:config reset

I've been troubleshooting my website and I changed a couple of settings in my firefox about:config. I changed the following settings, And now I get a ton of these errors on my site, These errors ...
1
vote
2answers
1k views

I am having trouble overriding Firefox default css using userContent.css file

I am using Ubuntu 14.10 with dark theme , Today I have upgraded my firefox to developer edition (40.x) previously i was on firefox 38.x I use some of the sites where firefox default from.css styling ...
0
votes
0answers
13 views

Firefox 10 developer console jumps down the screen when disconnected and the current webpage is interacted with, on Centos 6.3

If I disconnect the developer tools (via the position menu and select window), and press/hover over buttons or try to press the 'clear' button on the console, on Firefox 10, it jumps down the page. I ...
1
vote
0answers
1k views

Firefox 407 proxy authentication

I go through a proxy at work. I can access sites, however in the process firefox is reporting numerous 407 errors. I receive the following pattern for numerous resources per request, but not ALL ...
1
vote
1answer
140 views

How to narrow down the list of CSS properties in autocomplete of Firefox Developer Tools or Firebug?

We write CSS properties a lot. That's why autocomplete comes in handy. But it's a little frustrating when I press v hoping for vertical-align and it comes out vector-effect or d hoping for display and ...
10
votes
1answer
338 views

How to make Chrome show beginning and end of long URLs in the URL bar

I've been trying to find a Chrome extension that would show the beginning (www.domain.com/...) and ending (someFileorPage.html) part of a URL, in the omni-bar, truncating the middle part if the URL's ...
4
votes
3answers
4k views

Firefox: change/disable default keyboard shortcut configuration

I have installed the Keyconfig add-on and configured it to toggle Offline Mode on Firefox, whenever I press Ctrl + Shift + O. It worked fine on previous versions of Firefox (before version 28.0). ...
1
vote
1answer
34 views

Firefox DOM/CSS browser objects view - I can't seem to find how

I am trying to figure out a complicated interaction between the browser and a couple of extensions, to see what's going on, and how the browser chrome (and its CSS) is being generated. I know it's ...
1
vote
2answers
856 views

Firefox developer tools Color Scheme for Sublime text 2

How to find a Color Scheme (file "*.tmTheme") with Firefox developer tools for Sublime Text 2?
0
votes
1answer
387 views

How do I export the 'theme' used in the Firefox native inspector tools?

Is there a way to export the light/dark theme of the native inspector tools? Seems like a simple request, and after trawling the about:config options I can't seem to find anything.
2
votes
2answers
582 views

How can I inspect an element with vimperator/pentadactyl?

I'd like to be able to inspect an element (i.e. a link) with the built-in Firefox inspection tool, similar to right-clicking on an element and selecting "Inspect Element," only I'd like to be able to ...
1
vote
1answer
301 views

Is it possible to get the old dark Firefox developer console back?

The Firefox console used to be dark themed like this. Now it is white. Any idea how to get the old console back? I have Classic Theme Restorer, but couldn't find it there.
0
votes
1answer
406 views

remove/uninstall forever firefox developer tools

After latest update to firefox 28 i cannot disable this developer tools. I want to disable it because it overrode firebug hotkey (ctrl+shift+c). I have tried about:config and switch to false ...
0
votes
2answers
471 views

Firefox Developer Tools - Can't Show Nodes In Inspector

I'm trying to move from Chrome Dev Tools to Firefox (27.0.1) for day-to-day debugging, however I keep hitting a problem in the inspector that can only be fixed by restarting Firefox. The first time I ...
2
votes
1answer
100 views

Firefox - re-attach Developer Tools to main window

Since it is possible to "pull out" the Developer Tools, so they appear as an own window, I would like to know if there is a way to restore the original form of the Firefox Developer Tools, so it ...
2
votes
0answers
122 views

New firefox command line: can commands be “bookmarked”

Since Firefox 16 we have the new cool developer command line which e.g. allows me to take a screenshot of the current page. Now instead of pressing Shift+F2 and then typing screenshot --fullpage --...
2
votes
1answer
552 views

How to see the properties of a DOM element as they change in realtime?

JavaScript code can update the properties/attributes of DOM elements in real time by responding to events and so on. Here is an example. In the table on that page, move your mouse over the cells. ...