安装 selectorgadget

该工具可以与谷歌浏览器结合使用,能够为复杂网站的元素生成CSS选择器,这款神器有助于我们快速找到html的节点信息。

下载 selectorgadget

http://www.cnplugins.com/down/predown.aspx?fn=1512/www.cnplugins.com_mhjhnkcfbdhnjickkkdbjoemdmbfginb_1_1_.crx&aid=69591

在谷歌浏览器中打开,把下载的crx格式文件拖进浏览器中即可,完成后,会在谷歌浏览器页面右上角出现以下图标

chrome://extensions/

 

使用过程:

 打开某个网站,如:http://e.dangdang.com/index_page.html

 比如我们想获得书名的html节点信息,此时我们只需要先点击谷歌浏览器上图标,然后再在书名的点击,如图一所示:

 

在图一中,我们发现很多地方都变成高亮(即黄色部分),但是我们只想获得书名信息,所以我们需要去除多余的信息,此刻只需在不需要的部分再次点击,即可去掉选中部分 。  这时候我们再查看谷歌浏览器右下角就可以看到节点标签,即  .limitTip   

点击图片上面的“clear(20)”即可清除自己现在选取的信息,重新进行选择。

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值