fireBug篇 HTML编辑技巧之快速定位元素

2026-02-05 14:33:12

1、打开页面后,点击浏览器右上角的firebug插件,默认是不开启的,是灰色~~点击后即可开启

fireBug篇 HTML编辑技巧之快速定位元素

2、点击选取标记按钮,此时会切换到网页上!

fireBug篇 HTML编辑技巧之快速定位元素

3、此时鼠标在页面移动时,智能识别的块会用蓝色的框框住块,看到效果了吧

fireBug篇 HTML编辑技巧之快速定位元素

4、点击后,firebug,HTML 编辑器 会自动弹出并用蓝底白字选中刚点击的模块,这样就能直接到看到动态的源代码了!

fireBug篇 HTML编辑技巧之快速定位元素

5、如百度首页的图片,那个src就是源地址啦~

fireBug篇 HTML编辑技巧之快速定位元素

6、此时按下CTRL + 鼠标左键点击此标签,则自动会打开另外一个页面,显示此图片!!

fireBug篇 HTML编辑技巧之快速定位元素

7、地址栏的地址就是图片源来的地址~~ 是不是很简单?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢