网页版Firebug

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

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

【 tulaoshi.com - Web开发】

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

网页版Firebug

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

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）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 样式。

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

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

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

微信网页版只能聊天？

微信网页版只能聊天？目前，不少网友都在使用微信网页版，方便自己浏览网页的同时，可以及时收到微信的信息，与微信好友聊天。不过，不少网友以为微信网页版只有在线聊天的功能，其实，微信网页版的功能还有非常多。感兴趣的网友可以一起来看看今天的微信网页版各大功能介绍! 微信网页版微信网页版官方主页已经上线...

手机qq网页版如何使用

标签：手机软件应用软件

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

网页版旺旺如何登陆?

标签：电脑入门

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

微信网页版怎么用微信网页版查看朋友圈有方法

标签：微信

微信网页版登陆方法 1.首先要在手机上面安装微信，安装之后登陆你的微信账号。如果你已经有了微信，就可以省去这一步了。 2.然后在百度搜索输入“微信网页版”，进入第一个，进去之后会有一个二维码。这个就需要用手机登陆微信然后扫描才能登陆的。 3.登陆手机微信，切换到微...

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

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

查看更多精彩>>