首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:19:23 版权归原作者所有,如有侵权,请联系我们

fireBug篇 HTML编辑技巧之快速定位元素,不管在开发,还是维护,或者看到漂亮的图片样式,之类的,想知道代码是怎么样?或图片地址是哪,这些都可以通过firebug直接定位元素,找到根源,下面就根本编一起学习,如果快速精准的定位无素吧,从此你就是高手!t4u办公区 - 实用经验教程分享!

工具/原料

  • 1.已安装火狐浏览器
  • 2.已安装fireBug火狐插件

方法/步骤

  • 1

    打开页面后,点击浏览器右上角的firebug插件,默认是不开启的,是灰色~~点击后即可开启t4u办公区 - 实用经验教程分享!

    fireBug篇 HTML编辑技巧之快速定位元素t4u办公区 - 实用经验教程分享!

  • 1此文章未经许可获取自百度经验
  • 2

    点击选取标记按钮,此时会切换到网页上!t4u办公区 - 实用经验教程分享!

    fireBug篇 HTML编辑技巧之快速定位元素t4u办公区 - 实用经验教程分享!

  • 3

    此时鼠标在页面移动时,智能识别的块会用蓝色的框框住块,看到效果了吧t4u办公区 - 实用经验教程分享!

    fireBug篇 HTML编辑技巧之快速定位元素t4u办公区 - 实用经验教程分享!

  • 4

    点击后,firebug,HTML 编辑器 会自动弹出并用蓝底白字选中刚点击的模块,这样就能直接到看到动态的源代码了!t4u办公区 - 实用经验教程分享!

    fireBug篇 HTML编辑技巧之快速定位元素t4u办公区 - 实用经验教程分享!

  • 5

    如百度首页的图片,那个src就是源地址啦~t4u办公区 - 实用经验教程分享!

    fireBug篇 HTML编辑技巧之快速定位元素t4u办公区 - 实用经验教程分享!

  • 6

    此时按下CTRL 鼠标左键点击此标签,则自动会打开另外一个页面,显示此图片!!t4u办公区 - 实用经验教程分享!

    fireBug篇 HTML编辑技巧之快速定位元素t4u办公区 - 实用经验教程分享!

  • 7

    地址栏的地址就是图片源来的地址~~ 是不是很简单?t4u办公区 - 实用经验教程分享!

  • 注意事项

    • 如有什么好的建议或错误,可以在评论里留言。我会用心学习并改进的。感谢广大读者朋友们的支持。
    • 如果喜欢这篇经验的话,就请帮小编我投一票吧! :D 您宝贵的一票将变成我写更多可以帮助大家的经验的原动力。谢谢~

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!t4u办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号