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

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

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

2、查看控件方法:

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

获取Firefox和Chrome浏览器上页面控件信息方法_第1张图片
调出web开发者工具

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

获取Firefox和Chrome浏览器上页面控件信息方法_第2张图片
获取Firefox控件信息

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

1、查看控件方法

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

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

获取Firefox和Chrome浏览器上页面控件信息方法_第3张图片
获取Chrome控件信息


三、复制控件信息方法

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

获取Firefox和Chrome浏览器上页面控件信息方法_第4张图片
获取xpath和CSS及html信息

你可能感兴趣的:(获取Firefox和Chrome浏览器上页面控件信息方法)