Stack Overflow
Stack Overflow

Questions tagged [web-developer-toolbar]

Web Developer Toolbar is a generic term for built-in browser debugging tools, rather than a plugin like Firebug. Most include an interactive console, step-through debugger, network performance logging, CSS editor, and JavaScript function profiling.

Web Developer Toolbar documentation is available for Chrome, Opera, Internet Explorer 8+, Safari, and Firefox.

122 questions
2
votes
1 answer

Firefox Web Developer Toolbar causes Quirky Behavior

I'm using Firefox 8 with the Web Developer(1.1.19) add-on and Firebug 1.8.4. Ever since Firefox 6 or 7, it has started to act weird. For instance if I type into the URL field, it properly looks for matches within the URL history but while it does…
Aaron Kreider
  • 1,705
  • 5
  • 22
  • 44
2
votes
0 answers

How to debug SignalR messages in Blazor Server

is there a better way to debug communication between Blazor Server and the browser than the binary messages in Chromium developer tools:
Liero
  • 25,216
  • 29
  • 151
  • 297
2
votes
4 answers

React Query devtools not showing

I am currently using react query in my project but the devtools Icon is not showing up anywhere on my screen. There are no errors in the console too. I am currently following a tutorial from youtube Below is my package.json I have installed the…
Darshan Buddhacharya
  • 21
  • 1
  • 3
2
votes
1 answer

Is there a way to remember a string from a user session, even after the user has logged out, so everytime they come in, it autofills?

I want to let the user login and a few actions will give them a string, this string needs to be stored somewhere so that even after they logout and login later on, the string can get auto-filled in a text box. Frontend: React Backend: Node,…
SuperDope
  • 25
  • 4
2
votes
0 answers

Firefox developer tools, open Inspector & debugger at same time

I'm adding content to the page using JavaScript and want to step through the code and see the tags being added to the HTML. In Firefox developer tools, how can I make it so both "Inspector" and "Debugger" are visible at the same time. I don't mean…
LarryN
  • 216
  • 1
  • 2
  • 12
2
votes
3 answers

Java-script: getting rid of extra decimal places

the problem I’m having is that my result base on the picture below is showing 3 decimal : $242.075 >instead of $242.07 (number at the end of the picture) There 3 decimal places It all in the “max” variable at the bottom of the code in JavaScript…
Mauricio Cuervo
  • 73
  • 10
2
votes
0 answers

What is the replacement for the now removed Firefox's Developer Toolbar (GCLI)?

Forenote: This post is referring to the developer toolbar, also known as GCLI, opened by pressing Shift + F2. It is not referring to the developer tools, opened by Ctrl + Shift + I The developer toolbar has been removed from Firefox since 18th May…
Grumpy
  • 1,408
  • 1
  • 11
  • 18
2
votes
1 answer

Firefox - Web Dev.Tools - Remove Watch Expression

I would like to know how to remove a watch expression from the Web Developer Tools dashboard. I added a variable name and now I can't remove it. I tried with: right click select and delete select and backspace edit and delete none of them…
Roger 71
  • 121
  • 9
2
votes
2 answers

Installing web developer plugin for Firefox 3.6 from corp. network

I'm trying to install the web developer plugin, and it's failing with a message that "Web Developer 1.1.8 could not be installed because it is not compatible with Firefox 3.6.13". I don't believe that it's actually incompatible; rather I think the…
chris
  • 36,094
  • 53
  • 157
  • 237
2
votes
5 answers

Click and edit CSS with Firefox?

I want to be able to click on a part of a webpage and see the CSS markup. What CSS rules it uses, the class, id, etc. and be able to edit them live. I have installed Firebug and web developer plug-ins, but I don't know how to do this.
never_had_a_name
  • 90,630
  • 105
  • 267
  • 383
2
votes
1 answer

find all elements that used a specific css selector

Trying to do some front end design work and I needed to do some debugging/testing of my css. I know with most browser dev tools, I can click on an elements and get a full style trace. But what I want to do is the reverse. I know the selector and I…
PrivatMamtora
  • 2,072
  • 2
  • 19
  • 29
2
votes
0 answers

How do I get computed styles from browser's dev tools?

I'm collecting all computed styles of an element with getComputedStyle. But it returns many unnecessary properties like 'animation-duration', 'direction', 'ime-mode', etc, yielding more than 200 properties total. Meanwhile browser's web dev toolbar…
abdulla
  • 61
  • 4
2
votes
2 answers

View generated source in IE 10

I'm trying to find a way to view the generated source using IE 10. With the Chrome dev tools and Firebug I can see the HTML source post JavaScript/AJAX operations but in IE 10 the view source command and dev tools both only show the downloaded…
Josh R
  • 1,970
  • 3
  • 27
  • 45
2
votes
1 answer

Google chrome Developer Tools & 'known' exception

My developer tools session pauses while the page load. I see it happens while loading jquery and angular.js. I don't see any error afterwards. See the secreenshot (stack) below. It is look like this is just a check for sizzle.js. Should I concern?…
bsr
  • 57,282
  • 86
  • 216
  • 316
1
vote
2 answers

Firefox Web Developer Toolbar: JS does not work after an "on the fly" HTML edit

I'm getting used to this toolbar, it is so cool to edit the page on the fly and see what I'm changing... THe only problem is that my JavaScript stops to work after (or while) i'm editing, and I need to save an refresh the page... Did I miss any…
Andrea Ambu
  • 38,188
  • 14
  • 54
  • 77
1 2
3
…
8 9