fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-05-09
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1116点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
阅读:1949回复:3

Firefox 开发者工具已内置 DOM Inspector 功能

楼主#
更多 发布于:2013-12-04 11:13


在定位浏览器界面元素方面,大家以前都是用 DOM Inspector,其实这项功能已经集成在 Firefox 的开发者工具当中了。开启方法是:
1、按 ALT,打开“工具”--- 开发者工具 ----网页控制台 web console
2、在面板左上方一个齿轮图标的设置按钮,进入后勾选 Enable chrome debugging 启用 chrome 调试,Enable remote debugging 启用远程调试
3、再次进入 工具--- 开发者工具,这时会看到多了一个 browser toolbox 浏览器工具箱
4、进入后先在出现的对话框点确认,就可以打开一个新的窗口。
5、和 DOM inpector 一样,点击左上方的选取元素的按钮,选取界面元素(红色虚框),下方代码区域就会显示代码,及其样式。

Mozilla’s Browser Toolbar makes Firefox interface customizations easier
Firefox More than meets your experience
游客

返回顶部