网页版Firebug

2016-02-19 23:55 5 1 收藏

下面图老师小编要向大家介绍下网页版Firebug，看起来复杂实则是简单的，掌握好技巧就OK，喜欢就赶紧收藏起来吧！

【 tulaoshi.com - Web开发】

Firebug 可以说是 FF 最强大的插件之一，它不但可以查看 xhtml 代码、CSS 代码、JS 代码、DOM 结构，还可以临时修改这些代码，是开发不可缺少的利器。这也许您早已知道，但网页版的 "Firebug" 你听说吗？其实也不是 Firebug 了，而是类似于 Firebug ，功能也没有真正的 Firebug 那么强大，仅可以用来查看网页 DOM 结构和一些 CSS 样式。虽然功能不多，但在某些情况下、某些时候已经够了，特别值得一提的是：它可以在多种浏览器：IE 、FF 、Chrome 中正常运行，除了 Opera ，所以在某些时候还是用的上滴。看看效果吧：

网页版Firebug

那这东西在哪呢？下面的代码就是了：

javascript:function%20loadScript(scriptURL)%20{
%20var%20scriptElem%20=%20document.createElement('SCRIPT');
%20scriptElem.setAttribute('language',%20'JavaScript');
%20scriptElem.setAttribute('src',%20scriptURL);
%20document.body.appendChild(scriptElem);}
loadScript('http://westciv.com/xray/thexray.js');

用法：

1、复制上面的代码（并把它改成一行，我把它换行是为了防止代码过长而自动隐藏了）；

2、打开个网页，等它加载完；

3、在地址栏粘贴刚才复制的代码；

4、出来一个黑框框了吧，OK，可以用了，用鼠标点击某个地方，就能显示DOM 结构和一些 CSS 样式。

来源:https://www.tulaoshi.com/n/20160219/1630857.html

上一篇： CSS教程:CSS让网页文字自动隐藏
下一篇：驾考宝典使用指南

看过《网页版Firebug》的人还看了以下文章更多>>

阿里旺旺网页版怎么登录

阿里旺旺网页版怎么登录 1、百度搜索：淘宝网。进入淘宝网首页，然后选择登陆将你的淘宝账号在弹出的页面登陆，保持登陆状态。 2、然后在右上角进入我的淘宝，然后在导航栏选择设置选项进行更多的相关设置。从中可以设置阿里旺旺网页版。 3、接下啦，在左侧的菜单列表中你会看到旺旺网页版设置然后选择打开。然后勾...

手机qq网页版如何使用

标签：手机软件应用软件

手机qq网页版如何使用从无广告到各种缝隙中出现的广告，我想替我的手机说一声我真的受够了!今天小编就告诉大家一个方法不仅能摆脱手机QQ的高内存占用，还能解决广告问题，无需任何花销就能轻松搞定!那就是手机qq网页版!适用于安卓及iOS平台!使用中和你的机器安装的QQ无任何差异!对方看到你的头像的时候不是手机或者pad的logo啦，还...

网页版旺旺如何登陆?

标签：电脑入门

登录网页版旺旺：如果您使用的电脑上未安装淘宝旺旺聊天工具，您可以点击"旺旺入口"和"网页版淘宝旺旺"，然后用您的用户名和密码登录后，便可直接显示与淘友沟通的网页版旺旺页面。如果您使用的电脑上有安装淘宝旺旺聊天工具，您点击"旺旺入口"便会自动打开淘宝旺旺，建议您使用淘宝旺旺登录与淘友沟通;如果...

js之WEB开发调试利器:Firebug 下载

标签： Web开发

在米随随的Blog看到有关Firebug的介绍，遂下载试用了一下，确实是比较好的工具。一、效果二、主要功能 Inspect and edit HTML Tweak CSS to perfection Visualize CSS metrics Monitor network activity Debug and profile JavaScript Quickly find errors Explore the DOM Execute JavaScript on the fly Logging for JavaScript ...

告白小人网页版怎么玩网页告白小人怎么打字？

告白小人网页版怎么玩网页告白小人怎么打字？还记等之前告白神器app告白小人吗?虽然安卓版本一直没有出，不过有网页版本可以体验哦，告白小人网页版怎么玩?下小编就来教大家怎么用网页版告白小人打字。告白小人网页版怎么玩网页告白小人怎么打字? 首先当然要打开告白小人网页版网址：http://upuptoyou.com/# 找...

查看更多精彩>>