将 Firebug Lite 添加到 JSFiddle 以最小化启动

Posted

技术标签:

【中文标题】将 Firebug Lite 添加到 JSFiddle 以最小化启动【英文标题】:Add Firebug Lite to JSFiddle to start up minimized 【发布时间】:2018-07-16 01:24:30 【问题描述】:

Firebug 长期以来一直是最好的 web 开发工具。现在,先进的、装备精良的开发者工具已随各大浏览器转移,我们无需寻找它。但有时在共享JSFiddle 代码时,将一些日志打印到console,或者只需要查看html attributesclassnames,对我来说,将Firebug script 包含在小提琴中似乎更方便,而不是带来整个开发者工具。

但是当我将Firebug Lite 添加到JSFiddle 时,它会像这样启动,即使不是整个输出帧,也会阻塞大部分。在我的笔记本电脑上,它会挡住整个框架。

如何将Firebug Lite 包含在以最小化模式启动的JSFiddle 中,例如最小化时的底部水平条或此图像右下角的小方块?

【问题讨论】:

我能问一下你为什么使用firebug吗?只是好奇为什么 因为习惯了,有时候需要检查元素或者查看控制台。 学习使用内置工具,他们停止开发它是有原因的。 :) 它是否有一个切换视图的标志,自从我使用它已经有好几年了。 你显然在谈论 Firebug Lite(javascript sn-p),所以我已经相应地调整了你的问题。 【参考方案1】:

在 HTML 中添加这段代码 sn-p 以最小化 JSFiddle 中的 Firebug Lite:

<script type="text/javascript">
    firebug.env.height = 200;
    firebug.env.debug= false;   
    firebug.env.detectFirebug = true;  
</script>

详情请参阅http://jsfiddle.net/elijahmanor/UYK9G/。

【讨论】:

以上是关于将 Firebug Lite 添加到 JSFiddle 以最小化启动的主要内容,如果未能解决你的问题,请参考以下文章

firebug lite作为最喜爱的链接

在任何浏览器中使用Firebug

在任何浏览器中使用Firebug

如何将文本标记添加到 Vega Lite 分组条形图

将轴填充/内边距添加到 Vega-Lite 图表

如何在我的 vega-lite 图表中添加辅助 Y 轴?