firebug | 易学教程

Drupal常用开发工具（二）——Drupal for Firebug

阅读更多关于 Drupal常用开发工具（二）——Drupal for Firebug

　　Drupal 的开发工具有很多，除了《 Drupal常用开发工具（一）——Devel模块》中提到的 Devel 模块外，Drupal for Firebug 也是很重要的 Drupal 开发工具。　　请注意 Drupal for Firebug 可能与 Theme Developer 模块之间存在冲突安装安装 DrupalForFirebug 火狐插件（本文的所有示例均使用Firefox 版本的Firebug）安装 Drupal for Firebug 模块启用 Drupal for Firebug 模块使用　　当安装完Drupal for Firebug 火狐插件并启用Drupal for Firebug 模块后，Firebug 中会出现一个新的 Drupal 面板。　　接下来，我们便来了解一下其中的各个子面板中。通用面板　　如果希望将 Drupal 相关的日志信息输出到Firebug 控制台，可以使用 firep() 函数将信息输出到Firebug 日志。 firep($item, $optional_title) SQL面板　　要使SQL面板生效，首先要启用 Devel 模块的收集数据库请求（Collect query info）功能，通过访问“管理> 站点设置> 开发> Devel设置”勾选“Collect query info”即可完成启用

Drupal常用开发工具（二）——Drupal for Firebug

阅读更多关于 Drupal常用开发工具（二）——Drupal for Firebug

Changing Javascript Focus in onClick event?

阅读更多关于 Changing Javascript Focus in onClick event?

问题 Note: A possible solution needs only work in Firefox 3.0, my app doesn't allow access from IE! =) I have a link that, when clicked, will display a lightbox to the user: <a href="#" onclick="show_lightbox();return false;">show lightbox</a> My problem is that when the lightbox is displayed, the focus remains on the link. So if the user presses the up or down keys, they end up scrolling the main document, not the lightbox that is displayed! I've tried to set the focus to the lightbox element

How to use Firebug to easily find which css file defines a particular style

阅读更多关于 How to use Firebug to easily find which css file defines a particular style

问题 Maybe I'm just a Firebug newbie, or maybe there is some other better tool? But I'm trying to easily find which of several linked css files, defines a specific element's style. For instance in a production environment I can pinpoint that a style named left-tab is being applied to a specific element, and it renders properly. In the development environment the same style is applied within the HTML, but is not being rendered the same way as in production. The production and development

console.log inconsistent with JSON.stringify

阅读更多关于 console.log inconsistent with JSON.stringify

问题 I have reason to believe console.log and JSON.stringify can produce inconsistent views of the same object even if it was created in a straightforward manner (see notes). Situation In both Google Chrome developer tools and Firebug, I had an object obj which console.log printed out as { players: {0: ...}, ...} , while JSON.stringify reported { players: {}, ...} . obj.players was {} under both functions, so it seems that console.log is the culprit. Could it be asynchronous/non-deterministic in

What do the colored bars in the Firefox net panel represent?

阅读更多关于 What do the colored bars in the Firefox net panel represent?

问题 In the firefox developer tools, under the "Net" panel, resources that are loaded have their load time split into different colors/categories. These are: DNS Lookup Connecting Blocking Sending Waiting Receiving What do each of these represent, and more specifically, does any of them accurately represent the amount of time that the server is thinking (accessing the database, running algorithms, etc)? Thanks. 回答1: You couldn't accurately determine what the server is doing as such, I'm afraid.

Firebug - Breakpoint doesn't hit

阅读更多关于 Firebug - Breakpoint doesn't hit

问题 I am setting breakpoints in an external JS file and I haven't been able to get Firebug hit the breakpoint in a consistent way. It works sometimes but most of the times it doesn't. The only way I can get it to work is by switching on "Break on all errors" I have used the debugger; statement as well without any luck. 回答1: If the line numbers aren't green, it seems like Firebug cannot debug that part of code because it is out of scope. So, if you're using something like $(function () { ... });

Why doesn't the favicon icon show in Firebug Net Panel

阅读更多关于 Why doesn't the favicon icon show in Firebug Net Panel

问题 I have seen this on a lots of websites e-g: Even here: http://www.w3.org/2005/10/howto-favicon When you load all the resources for this page under Net Panel in firebug and check the images tab, it shows all the images on the page but the favicon doesnt show up. Why? Should I be looking for it somewhere else in firebug. 回答1: The first answer to this thread, by Jan Odvarko (who is a contributor to Firebug) , seems to explain why the favicon is not displayed in Firebug's net tab (quoting) : The

How can I debug a Firefox extension with Firebug?

阅读更多关于 How can I debug a Firefox extension with Firebug?

问题 I'm trying to use Firebug to debug a JavaScript file in an extension I've added to Fx 4. Can anyone tell me how to do it? I can only see website scripts. 回答1: Use Chromebug it's firebug for extension development, witch will give you the full ability to inspect debug firefox it self and all firefox extension as if it's a webpage :) 1- install the latest version from here: http://getfirebug.com/releases/chromebug/ 2- Winkey+R to open run then type firefox.exe -chromebug this will run firefox

Is it possible to flush the console (make it print immediately)?

阅读更多关于 Is it possible to flush the console (make it print immediately)?

问题 I use Firefox + Firebug for some Javascripting. The text I'm trying to log with console.log does not immediately appear in Firebug's console. It seems like it piles up in a buffer somewhere, and then gets flushed to console in chunks. I have a function that makes a few log calls. Sometimes I get just the first line, sometimes - nothing. I do, however, see the whole bunch of lines when I refresh the page. Can I flush the console log manually? 回答1: The short answer is no. There is no flush. You