javascript - Chrome 上的 Firebug Lite 导致页脚问题，是否有修复？

Question

我是 Chrome 用户，如果没有 Firebug，我会迷失方向，但有一个问题一直困扰着我。也就是说，Firebug 控制台没有出现在您正在查看的站点下方的事实（即它在 Firefox 中的行为方式）。相反，控制台位于站点上方，隐藏了页脚和内容。这是一件小事，但同样很烦人。

我知道这是因为谷歌限制 Chrome 扩展的方式，但有没有办法解决这个特定问题？

Answer 1

我在任何地方都没有找到解决方案。所以，在其他堆栈溢出线程的帮助下，我想出了一个非常简单的函数，因为我找不到太多关于这个的东西，我想我会把它贴在这里给任何有问题的人。

我不是 JavaScript 程序员，但我确实使用 jQuery。因此，我在 jQuery 的 ready 方法中运行它。网站加载后，它会检查 Fire bug 是否打开，如果是，它会简单地为正文添加 400 像素的底部边距。显然，如果您的控制台比这更大/更小，只需更改 jQuery 代码中的大小。

但是，如果您打开站点然后打开 Firebug，它不会改变任何内容。这没什么大不了的，只需打开 Firebug 然后刷新页面即可。

// add body margin if firebug is open
if (console.log.toString().indexOf('apply') != -1 && navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
    $('body').css('margin-bottom', '400px');
}

希望这对某人有用。

编辑：

警告：这可能会导致您的 jQuery 在 Internet Explorer 中停止工作。所以，如果你发现你的 jQuery 不起作用，只需删除它。

Answer 2

与其修改可能会产生不利影响的网页 CSS 代码，不如在 Chrome 中分离 Firebug Lite，然后将该弹出窗口放置在调整大小的 Chrome 浏览器窗口下方。

要执行此操作，只需按下位于右上角的 Firebug Lite 窗口中的中心按钮。

如果有帮助，请右键单击下面的图像并以全尺寸查看：
Open Image in New Tab/View Image

这样，您将有两个独立的区域，它们不重叠但可以很好地一起玩。

---

Per Stan 上面的评论...关于Firebug Lite与原生 Chrome 的开发者工具相比提供了哪些额外功能，我不得不说它提供了DOM TabChrome 所缺乏的熟悉度和出色功能。

更重要的是，您实际上可以同时使用两个控制台。

这允许更轻松地监视两个不同的窗格，并且通过多监视器设置，这可能是一个有用的场景。即使有一个大显示器，事情看起来也不错。

如果有帮助，请右键单击下面的图像并以全尺寸查看：
Open Image in New Tab/View Image