您现在的位置是:网站首页> 编程资料编程资料
网页版Firebug_CSS教程_CSS_网页制作_
2021-09-09
783人已围观
简介 网页制作Webjx文章简介:Firebug 可以说是 FF 最强大的插件之一,它不但可以查看 xhtml 代码、CSS 代码、JS 代码、DOM 结构,还可以临时修改这些代码,是开发不可缺少的利器。这也许您早已知道,但网页版的 "Firebug" 你听说吗?
Firebug 可以说是 FF 最强大的插件之一,它不但可以查看 xhtml 代码、CSS 代码、JS 代码、DOM 结构,还可以临时修改这些代码,是开发不可缺少的利器。这也许您早已知道,但网页版的 "Firebug" 你听说吗?
Firebug 可以说是 FF 最强大的插件之一,它不但可以查看 xhtml 代码、CSS 代码、JS 代码、DOM 结构,还可以临时修改这些代码,是开发不可缺少的利器。这也许您早已知道,但网页版的 "Firebug" 你听说吗?其实也不是 Firebug 了,而是类似于 Firebug ,功能也没有真正的 Firebug 那么强大,仅可以用来查看网页 DOM 结构和一些 CSS 样式。虽然功能不多,但在某些情况下、某些时候已经够了,特别值得一提的是:它可以在多种浏览器:IE 、FF 、Chrome 中正常运行,除了 Opera ,所以在某些时候还是用的上滴。看看效果吧:

那这东西在哪呢?下面的代码就是了: javascript:function loadScript(scriptURL) {
var scriptElem = document.createElement('SCRIPT');
scriptElem.setAttribute('language', 'JavaScript');
scriptElem.setAttribute('src', scriptURL);
document.body.appendChild(scriptElem);}
loadScript('http://westciv.com/xray/thexray.js');
用法:
1、复制上面的代码(并把它改成一行,我把它换行是为了防止代码过长而自动隐藏了);
2、打开个网页,等它加载完;
3、在地址栏粘贴刚才复制的代码;
4、出来一个黑框框了吧,OK,可以用了,用鼠标点击某个地方,就能显示DOM 结构和一些 CSS 样式。
相关内容
- CSS教程:一张图片实现圆角_CSS教程_CSS_网页制作_
- CSS教程:制作对用户友好的站内搜索表单_CSS教程_CSS_网页制作_
- IE盒子模型和标准W3C盒子模型_Web标准教程_CSS_网页制作_
- CSS外边距叠加的问题,CSS教程_CSS教程_CSS_网页制作_
- 以图例方式介绍CSS制作网页详细步骤_CSS教程_CSS_网页制作_
- .clear方法解决网页自适应高度的问题_CSS教程_CSS_网页制作_
- CSS教程:网页无序列表标记的设计_CSS教程_CSS_网页制作_
- CSS教程:CSS让网页文字自动隐藏_CSS教程_CSS_网页制作_
- 利用CSS在导航条上标示当前所在频道_CSS教程_CSS_网页制作_
- 网页缓冲效果特效代码_CSS教程_CSS_网页制作_