网页版Firebug

陪你深爱4

陪你深爱4

2016-02-19 23:55

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

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');

用法:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

1、复制上面的代码(并把它改成一行,我把它换行是为了防止代码过长而自动隐藏了);

2、打开个网页,等它加载完;

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

网页版Firebug

Web开发
网页版Firebug

Firefox的Firebug扩展:FireScope

Web开发
Firefox的Firebug扩展:FireScope

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

基于firebug的firefox扩展:css usage

Web开发
基于firebug的firefox扩展:css usage

微信网页版介绍

手机软件 应用软件
微信网页版介绍

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

QQ音乐推出网页版

电脑入门
QQ音乐推出网页版

微信网页版可以视频吗 微信网页版有哪些功能

微信
微信网页版可以视频吗 微信网页版有哪些功能

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS教程:CSS让网页文字自动隐藏

CSS教程:CSS让网页文字自动隐藏

驾考宝典使用指南

驾考宝典使用指南
下拉加载更多内容 ↓