火狐浏览器firebug_如何在主要浏览器和iOS设备上安装Firebug

Firebug是Firefox的附加组件，带有一些不错的工具，可用于检查网页元素，调试和开发网页。 但是，除了Firefox，您无法在其他Web浏览器上使用这些工具。

为其他浏览器开发类似工具的过程可能会很费力，但是如果您考虑到每个人都有自己喜欢的浏览器，也可以使Firebug也可以在其他浏览器上工作，那将对您有很大的帮助。

好了， Firebug Lite可以满足您的需求。 Firebug Lite是Firebug的简单版本，但可以在IE，Opera，Chrome，Safari，iPad和iPhone上使用，同时保留相似的选项和功能。

在Opera，Safari和Chrome上安装Firebug Lite

使用Firebug Lite，不需要任何安装。 您可以用Java Script编写书签，将Firebug Lite链接添加为书签，然后就可以进行页面检查了。 因此，您需要做的只是在下面的链接中添加书签 （您也可以将该链接拖到浏览器的书签栏中）。

如果您使用的是Chrome浏览器，则书签栏可见时，书签应显示如下。

就是这样，您的Firebug Lite现在可以在需要使用时使用。

在Opera，Safari和Chrome上使用Firebug Lite

现在，您可以使用Firebug Lite来检查几乎任何网页。 对于此示例，我们将使用Wikipedia.org。

加载网页后，单击您之前保存的Firebug Lite书签，您将看到一个Consol框出现在网页底部。

如果我们关闭，这就是您在页面左下方看到的内容。

现在，您可以在许多行的起点看到（+）和（-）。 （+）表示html的单行下还有更多行关闭，如果突出显示该行，您将看到它代表页面的哪一部分。

但是，如果您想更轻松地发现网页本身上任何文本，图片，链接或任何其他元素所代表的线条，请单击“检查”按钮。

现在，您可以将鼠标光标悬停在网页上可用元素的任何部分，并且您会看到html行突出显示。 这使您更容易进行检查。

在iPad或iPhone上安装Firebug Lite

Bookmarklet不适用于iPad和iPhone。 要在iPad和iPhone上安装Firebug Lite，方法如下：

1. 在iPad或iPhone上将此页面添加为书签。

2. 

3. 将书签重命名为“ Firebug”。

4. 

5. 选择并复制下面的所有脚本

   javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

6. 转到书签选项，然后按“编辑”。 然后选择“ Firebug”书签。

7. 

8. 删除原始URL并粘贴书签。

9. 

10. 在键盘上选择“完成”。
11. 现在，尝试打开任何网站，然后选择“ Firebug”书签，您将在iPad屏幕底部看到正在运行的Firebug。

12. 

结论

到目前为止， Firebug Lite足以进行快速页面检查。 您可以查看html，css和用于构建网页的任何脚本。 尽管Chrome浏览器具有自己的Web开发人员扩展，但Firebug Lite并没有令人失望。

翻译自: https://www.hongkiat.com/blog/installing-firebug-browsers-ios/