2

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

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

4

2 回答 2

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 不起作用,只需删除它。

于 2012-12-11T11:33:44.707 回答
1

与其修改可能会产生不利影响的网页 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


在此处输入图像描述

于 2012-12-12T10:39:47.220 回答