获取Firefox和Chrome浏览器上页面控件信息方法

一、获取Firefox浏览器控件方法

1、Firefox浏览器版本为62.0.3版本，版本较新，已不再需要下载插件Firebug，可直接查看控件

2、查看控件方法：

（1）打开“设置-->Web开发者-->切换工具箱”（或按F12快捷键调出html的布局）；

调出web开发者工具

（2）加载任意一个网页，点击界面下方工具箱一栏中的“从页面中选择一个元素”，移动鼠标到所需获取的控件上，工具栏上对应显示的即是此控件的相应信息；

获取Firefox控件信息

二、获取Chrome浏览器控件方法

1、查看控件方法

（1）打开“设置-->更多工具-->开发者工具”（或按F12快捷键调出html的布局）；

（2）加载任意一个网页，点击界面下方工具箱一栏中的“从页面中选择一个元素”，移动鼠标到所需获取的控件上，工具栏上对应显示的即是此控件的相应信息；

获取Chrome控件信息

三、复制控件信息方法

web开发工具箱一栏，选中所需的控件信息，右键“复制-->”，即可获取HTML、CSS或XPath信息

获取xpath和CSS及html信息