javascript - Chrome 上的 Firebug Lite 会导致页脚问题，有解决办法吗？

Question

我是一名 Chrome 用户，如果没有 Firebug，我会不知所措，但有一个问题一直困扰着我。也就是说，Firebug 控制台不会出现在您正在查看的站点下方(即它在 Firefox 中的行为方式)。相反，控制台位于站点上方，遮住了页脚和内容。这是一件小事，但同样令人讨厌。

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

Answer 1

我还没有在任何地方找到解决方案。因此，在其他堆栈溢出线程的帮助下，我想出了一个非常简单的函数，但由于我找不到太多关于它的信息，所以我想我会把它发布在这里以供遇到此问题的任何人使用。

我不是 JavaScript 程序员，但我确实使用 jQuery。因此，我在 jQuery 的就绪方法中运行它。网站加载后，它会检查 Fire bug 是否打开，如果打开，它只会在正文中添加 400px 的底部边距。显然，如果您的控制台比那个大/小，只需在 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 不起作用，请删除它。