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

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

作者: rr1990 | 来源:发表于2018-10-26 16:00 被阅读0次

一、获取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信息

相关文章

网友评论

      本文标题:获取Firefox和Chrome浏览器上页面控件信息方法

      本文链接:https://www.haomeiwen.com/subject/dojjaftx.html