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
11
votes
6 answers

Does the Internet explorer web developer toolbar work with popups?

I cannot get the internet explorer web developer tool bar to work with a pop-up, it won't render at the bottom of the pop-up. Any suggestions?
Brian
  • 13,412
  • 10
  • 56
  • 82
7
votes
3 answers

Granular DOM/CSS editing using IE9 F12 developer tools: possible?

To solve pesky IE-only layout and CSS issues, I'm trying to use IE9's developer tools to iteratively edit HTML and CSS. Ideally I can get parity with the DOM/CSS-manipulation workflow that I'm used to doing with Firebug and Webkit's Inspector. In…
Justin Grant
  • 44,807
  • 15
  • 124
  • 208
7
votes
2 answers

How to edit and see live CSS effect in IE8 like we see in Firefox > Web developer toolbar > Edit CSS function?

How to edit and see css effect in IE8 like we see in Firefox > Web developer toolbar > Edit CSS function? Where is similar function in IE8 developer toolbar or does any other IE plugin have this type functionality?
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
5
votes
3 answers

Why are all JavaScript Console Logs and Errors showing Line 1 (Developer Tools)

I'm working on a Javascript project and using the Chrome F12 Developer Tools for debugging. For some reason all the console.log outputs and error messages claim that they are occuring on line 1 of my js file. ...i.e., in the Console to the right of…
Luke
  • 18,811
  • 16
  • 99
  • 115
5
votes
2 answers

Does the Firefox Web Developer Toolbar have an equivalent of Firebug's "Inspect Element" CSS live-debug feature?

To edit CSS, I have to inspect elements in Firebug and then make changes in the Firefox Web Developer toolbar so that I can save the changes out to a separate CSS file. It would be nice if I could forget about Firebug and just use a single tool.…
Joe O'Driscoll
  • 289
  • 3
  • 13
4
votes
3 answers

What can I use to outline HTML elements with visible padding, margin, and borders?

I normally get by quite well using the Chrome Web Developer extension to outline elements, to debug my CSS etc. and when that isn't up to the task, I use the Firefox version (the original, superior version), but what I would really like is a tool…
ProfK
  • 49,207
  • 121
  • 399
  • 775
4
votes
1 answer

Latency vs Duration: Interpreting Firefox's Web Developer Tools's Metrics

What's the difference among these three fields (please check the attached snapshot)? Latency Duration Sample durations (20-30s) and latencies (between 1-5s) End user experience on the browser is matching with duration meaning more than 20 seconds…
Interviewr Me
  • 41
  • 1
4
votes
2 answers

What has happened to the IE6 developer toolbar?

It's supposed to be at this link: http://www.microsoft.com/downloads/en/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en "Supposed" being the operative word! Any ideas? Has Microsoft removed it or accidentally broken the…
joshcomley
  • 28,099
  • 24
  • 107
  • 147
4
votes
0 answers

How to trace the origin of a Javascript (XHR) generated HTML element with Chrome's Web Developer Tools?

I am interested in an HTML page that uses an XHR object to request JSON data from the server and then some Javascript (jQuery) code is used to translate these data into HTML-markedup elements. I wonder if it is possible to trace the "origin" of…
user3393472
  • 1,151
  • 1
  • 8
  • 12
4
votes
2 answers

Search line in Chrome Developer Toolbar has disappeared after updating Chrome. How to get it back?

In Chrome there is a search line in its console. Here's the picture of it from google.dev.com page: And here is my console. No any search line now: Did anybody encounter such a problem? How can I get it back?
Green
  • 28,742
  • 61
  • 158
  • 247
4
votes
1 answer

Can the developer tools window of Internet Explorer 9 be docked to the main browser window?

All other current versions of browsers have some form of developer tools and are attached to the main browser window or can be "docked" to it. At least this is true on Windows 7 for Google Chrome, Firefox, Opera, and Safari. But for Internet…
hippietrail
  • 15,848
  • 18
  • 99
  • 158
4
votes
0 answers

how to target or select a frame in IE developer toolbar while analysing multi frame page?

If a page has multiframes & multiple pages are loaded how to select a particulart frame page to debug or see the html source through IE Developer tool. I need this for running a jquery script using the console tab, against particular page in a frame…
Umesh V
  • 131
  • 1
  • 5
3
votes
2 answers

Chrome Dev Tools no longer lets me position to bottom

Google Chrome dev tools no longer lets me re-position it to the bottom of the page instead of the right side. Anyone know how I can re-enable this function? It makes it very difficult to use it in certain screen layouts. I'm using Chrome v…
hal
  • 4,845
  • 7
  • 34
  • 57
3
votes
0 answers

Google chrome developer tools messed up

I am having an issue with the google chrome developer tools, they have become unusable, I don't think I have done anything to cause this. Any ideas how I can fix it? Google Chrome 26.0.1410.43 on Ubuntu 12.10 I doubt this is the most appropriate…
Hailwood
  • 89,623
  • 107
  • 270
  • 423
3
votes
2 answers

Does the Web Developer toolbar really have a Save button to save CSS modified in Firebug?

According to this S.O. answer the Firefox Web Developer toolbar has a Save button: However, the answer shows an image of the toolbar which does not show a Save button: (source: mozilla.org) I just installed the toolbar to take advantage of this…
Joe O'Driscoll
  • 289
  • 3
  • 13
1
2
3
…
8 9