firebug 控制_掌握Firebug控制台的10个技巧

firebug 控制

这里有一些技巧，因此您可以开始拥有该Firebug控制台！

如果您不知道Firebug控制台是什么，则从这里开始： 什么是Firebug以及如何设置它 。

技巧1 –如何隐藏烦人的错误

Firebug具有隐藏那些烦人的网络错误的选项！ （如果您的代理设置不可用，如果您在工作时向管理员询问您使用的是正确的.pac文件，则可能会看到这些信息）。 此选项菜单还可用于隐藏其他错误类型。 很有用！

秘诀2 –键盘快捷键

您可以按CTRL + ENTER来运行 Firebug控制台中的代码 ，而不必用鼠标单击“运行”。 请参阅键盘快捷键的完整列表 。

提示3 – Firebug控制台表

创建一个Firebug控制台表 -只需粘贴以下代码即可将其签出！

 var table1 = new Array(5);
for (var i=0; i 
  
   
   
    
  
   

 
Tip 4 - Console.dir()
The benefit of using Console.dir() instead of console.log() is that on objects, arrays and other types it displays their properties straight up, which can save time. You can simply type dir(nameofobject) into the Firebug Console. I like dir.



Also to note that "Dir" works without "console." (but log doesn't!)
[js]
JQUERY4U = {
    url:'http://www.jquery4u.com',
    mainTopics:'jquery,javascript'
}
dir(JQUERY4U); //works without console.
log(JQUERY4U); //doesn't

技巧5 – Console.debug（）

使用Console.debug（）而不是console.log（）的好处是，它消除了所有在尝试调试JavaScript代码时可能会令人讨厌的废话。 对于经常使用它的人有用，但很少使用。 喜欢调试吗？ 阅读有关调试链的更多信息

提示6 –创建快速书签

您可以在Firebug控制台中创建代码的快速书签 。 只需按复制>右键单击书签栏>单击粘贴 。 任务完成。 现在，您可以单击该书签以在需要时运行代码，甚至跨浏览器进行测试也可以。

一些书签可以尝试：

• jQuery浮动书签地球仪–很棒的乐趣！
• JavaScript直接编辑网页

技巧7 –使用Firebug NET面板

了解如何使用Firebug NET面板： 如何使用Net Panel，HTTP Fox和Fiddler2分析HTTP请求 。

技巧8 – Firebug“附加组件”和扩展

有大量有用的“附加组件”来补充Firebug控制台。 请参阅： 10个扩展插件以扩展Firebug控制台

提示9 – Firebug控制台API

如果您还不了解Firebug控制台API，则其中包含许多有用的信息。

技巧10 –检查DOM CSS样式

在Firebug中，您可以轻松检查与页面上任何元素相关的样式。 只需右键单击并检查该元素，然后切换到CSS选项卡。 在“ CSS”选项卡中，任何删除的样式都意味着该样式之前已带有其他样式。 请记住，样式具有以下优先级：1）内联，2）页面3）样式表。 您可以实时编辑样式，然后在选项卡内部双击以为该CSS标签创建新样式 。

希望这些快速提示可以帮助您了解一些关于真棒Firebug控制台的知识。

翻译自: https://www.sitepoint.com/firebug-console-tips/

firebug 控制