程序猿全敏
2017-11-29 13:50:56
谷歌chrome浏览器插件取得最代码最多贡献用户列表
manifest.json代码 引入jquery.js ,a.js文件
{ "name": "我是你的全敏大哥", "manifest_version": 2, "version": "1.0", "description": "这就是我不一样的烟火", "browser_action": { "default_icon": "1.png" }, "permissions": [ "tabs", "http://*/*","https://*/*" ], "content_scripts": [ { "matches": ["http://www.zuidaima.com/user/rank.htm?p=1&"], "js": [ "jquery-1.8.3.js", "a.js" ] } ] }
看看页面结构,开始写a.js
a.js代码为
var user_arry=""; //取得第一级别的目录 var div_1=$(".data_list").find("div[class='datas row-fluid']"); for(var i=0;i<div_1.length-1;i++){ //取得第二级别的目录 var div_2 = $(div_1[i]).find("div[class='data span3 row-fluid']"); for(var j=0;j<div_2.length;j++){ //用户图像 var user_img = $(div_2[j]).find('img').attr("src"); //用户访问地址 var user_href = $(div_2[j]).find('a').attr("href"); //用户名 var user_name =$(div_2[j]).find('a').text(); user_arry+="用户名:"+user_name+" "+"用户图像:"+user_img+" "+"访问地址:"+user_href+"\n"; } } alert(user_arry);
运行查看结果!
评论