firebug

Finding JavaScript function in the global scope

由 折月煮酒 提交于 2019-12-04 17:09:30
Is there a way to search for a JavaScript attribute (e.g. a named function) in the currently live object model (what Firebug displays on the 'DOM' tab, I couldn't find a direct equivalent in the Chrome Developer Tools) of the currently loaded page, using the common developer tools of the main browsers? An example would be that I search for 'beta' and the developer tools show me something like window.alpha.beta , meaning that some script file has created an object named 'alpha' on the window object, which has an attribute beta. I explicitly do not want to search for strings in all script files

How can I see the styles attached to :hover and other pseudo classes in firebug and the chrome debugger

由 自古美人都是妖i 提交于 2019-12-04 16:33:36
问题 I know there must be a way to do this and I've always just worked around it but, is there some way I can see (and/or edit) the pseudo-class styles applied to an element? For example, Im looking to edit .myclass:hover or #someid:active in the debugger. ps. Im really more concerned with how to do this in the chrome debugger although firebug is appreciated to! 回答1: Inspect the element, and then: For Firebug: Note that the hover CSS code will disappear if you fly over the element again (you must

Differences: View Page Source vs. View in Firebug

由 老子叫甜甜 提交于 2019-12-04 15:18:50
When I view the page source of a page (like this for example: http://my.sa.ucsb.edu/public/curriculum/coursesearch.aspx ) there's not very much code/info in it. On that linked page, for instance, none of the class info is shown in the page source. BUT: when I view it in firebug, I can see a lot more of the html information. For instance, I can see all of the class info, in tables. Why is this? How can I access the full (firebug html)? Can I do it in php/javascript? This is the order in which stuff happens: PHP generates HTML Browser loads HTML JavaScript manipulate loaded HTML Why is this? The

Does the “Set next statement” feature exist in Chrome's Dev Tools or in Firebug?

由 倖福魔咒の 提交于 2019-12-04 14:57:34
问题 IE's development tools, more specifically its JavaScript debugger, offer a "Set next statement" command, which enables you to specify which statement should be executed next. That way, you can effectively skip certain parts of functions or even (again, effectively) return from a function early. So, for this function... function test () { alert(1); alert(2); alert(3); } If we set a break-point on the first alert, and then invoke the function, we can execute the first alert (F10), and then

How can I watch (i.e. debug) xmlHttpRequest() actions in IE8 ? (using Firebug Lite)

由 与世无争的帅哥 提交于 2019-12-04 14:20:36
问题 I normally do my web dev using Firefox - I periodically test for cross browser compatability of my pages by using FF and IE. I have just found that one of my AJAX pages stopped working in IE - although it works fine in FF. With FF, I always use FireBug to debug my Ajax interactions. I am looking for a similar tool to use with IE - to see what it is causing it to fail, even though it is a straightforward AJAX process on the page. I downloaded Firebug Lite and that was very helpful, as it

What do the FireBug DOM colors mean?

由 一世执手 提交于 2019-12-04 14:06:09
问题 I'm confused with these colors. I noticed there are 4 colors showing in the left hand column of FireBug DOM tree: Bold black Black Bold green Green In the right hand column: Blue Red Bold green Green Multiple color elements representing object structures. What do this colors represent? And why, e.g, I can access window.document.URL and I can't access window.document.body in Console even though they are both in the "not-bold black" category in the DOM tree? Thanks a lot 回答1: Here is the

Console命令详解

由 我是研究僧i 提交于 2019-12-04 13:30:01
一 什么是 Console Console 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象，使用该对象 可以输出信息到 Console 窗口中。 二 什么浏览器支持 Console 很多人可能都知道 Chrome 和 FireFox(FireBug)中都支持 Console。而其他浏览器都支 持不好。比如 IE8 自带的开发工具虽然支持 Console，但功能比较单调，显示对象的时候都是显示 [Object,Object]，而且不能点击查看对象里面的属性。IE6、IE7 虽然可以安装 Developer Toolbar，但也 不支持 console。Safari、Opera 都支持 Console，但使用上都没有 FireBug和 Chrome 的方便。 现在firebug推出了 firebuglite工具，可以让所有浏览器都支持Console功能，而且使用上和FireBug 几乎一样。详见 http://getfirebug.com/firebuglite 三 为什么不直接使用 alert 或自己写的 log 使用 alert 不是一样可以显示信息，调试程序吗？alert 弹出窗口会中断程序， 如果要在循环中显示信息，手点击关闭窗口都累死。而且 alert 显示对象永远显示为[object ]。 自己写的 log 虽然可以显示一些

Bug with combination of: jQuery 1.4, ajax/json, Firebug Lite and IE 8

由 徘徊边缘 提交于 2019-12-04 12:20:05
问题 I had just about concluded that jQuery's ajax calls wouldn't work with JSON data in IE 8, no matter what I tried. I found that I could use the jQuery 1.3.2 library and this fixed the problem, but 1.4 simply would not play ball with JSON ajax requests. Even when the JSON data returned was so simple that there was no question of it being in an invalid format. For example: {"x":"a"} This was regardless of whether I used a Java servlet to return the JSON data, or a simple, canned text file.

jQuery 1.7.1 - Text input's 'value' not updating in Firebug Inspect element but is on screen

由 限于喜欢 提交于 2019-12-04 11:45:11
Using jQuery 1.7.1, I have noticed that the value attribute/property of a text input field does not update when I view it in Firebug's Inspect Element tool, but does update on the screen, i.e. in the actual visible text box. For example, when changing the value of a text with the following (used inline): jQuery(function() { jQuery('#event').val("test"); }); the text box itself displays test but Firebug's Inspect Element does not represent the change: <input type="text" value="" placeholder="" id="event" name="event" class="input-text"> I'm sure I have seen the value change in Firebug before

Running jQuery call in Firebug Console

由 社会主义新天地 提交于 2019-12-04 11:33:57
问题 Sorry, new to Firebug. I really find being able to run javascript in the Firebug console window helpful. However, I don't seem to be able to run jQuery calls in the console. For example, in my executing javascript in my page, I may make the call to get a value: jQuery('#an_element_value').text() However, I cannot execute this in the console. In order to retrieve this value from the page in the console I have to execute: document.getElementById('an_element_value').innerHTML Is there a way to
订阅 firebug