用Greasemonkey 脚本收藏网站会员信息到本地
一、脚本功能介绍
正常情况下，如果你在会员搜索结果页通过相片看好某个会员（所谓眼缘好的会员），想快速记录下这个会员的信息并不是一件容易的事情，你也许会在会员相片上单击右键，然后把这个会员的主页地址先记下来，一个页面如果有较多看好的会员想收藏的话，你还得重复上面的操作。默认搜索结果页显示效果如下图：
安装我写的Greasemonkey脚本后，搜索结果页就会发生一点改变，“给我写信”按钮会变成“收藏”复选框，效果如下图，注意红框标识与前面图片的变化对比：
现在假设你想收藏第一排右边两位美女信息的话，你就点击“收藏”复选框（不想收藏就再次点击取消选择即可），这样在页脚翻页位置的文本框里就会生成你选中会员信息的HTML，并且默认处于选中状态，你右键复制它，如下图：
最后把复制的HTML代码粘贴到一个预定义样式的html页面的指定位置（比如把复制的LI标签代码粘贴到jiayuan.html文件的UL标签之间，以后新的收藏一直往后面堆就行了，最后这个jiayuan.html文件就是你收藏会员的记录文件），结果如下图：
jiayuan.html模板文件代码如下，把它复制后用记事本另存为html后缀的文件即可。
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>佳缘会员收藏</title>
<style type="text/css">
* {margin:0; padding:0}
li {list-style:none}
body {font-size:12px; line-height:1.5em; padding:20px}
li {width:130px; height:200px; float:left; text-align:center}
li img {border:3px solid #F4F6F9}
li strong {display:block; color:#0043B7}
</style>
</head>
<body>
<ul>
<!--把你复制的代码放到这里，然后保存预览即可看到效果-->
</ul>
</body>
</html>
二、安装和使用脚本
要使用本脚本功能，你必须安装Firefox（火狐）浏览器，而且这个浏览器装上了Greasemonkey插件，然后在本地或网络能找到JiaYuan.user.js脚本文件（就是我写的Greasemonkey脚本，后面会提供代码），然后在本地拉这个JS脚本到浏览器窗口，或者通过网络地址访问这个JS脚本（JiaYuan.user.js），就会弹出脚本安装界面，如下图：
成功安装浏览器和插件，以及脚本后，访问佳缘网会员搜索表单页：http://search.jiayuan.com，
提交一次搜索请求，在出来的结果页，如果不是照片显示模式，把它切换过来，确保看到的搜索结果页与本文一开始提供的界面那样，此时不出意外的话就可以看到“收藏”复选框了，接下来的操作参考“脚本功能介绍”。
温馨提示：想知道Greasemonkey插件是否安装成功，请查看浏览器【工具】是否有【Greasemonkey】选项，以及浏览状态栏右侧是否有“小猴子”图标，而且这个“小猴子”图标不是灰色的，如果都有则表明Greasemonkey插件成功安装，如下图：
三、相关下载
（1）Firefox（火狐）浏览器：（本版本已集成Greasemonkey插件）
（2）Greasemonkey插件：http://releases.mozilla.org/pub/mozilla.org/addons/748/greasemonkey-0.8.20080609.0-fx.xpi（访问即安装）
（3）保存佳缘会员信息脚本：http://snsapps.googlecode.com/svn/trunk/JiaYuan.user.js（访问即安装）
四、脚本预览
Greasemonkey脚本都是用JavaScript语言写的，要想写出优秀的Greasemonkey应用，你必需熟悉JavaScript编程，了解JavaScript DOM编程，以及会分析HTML代码结构。如果你想更多地了解Greasemonkey，请阅读《深入浅出 Greasemonkey》。下面本人把本应用脚本代码公布如下，希望对大家能起到抛砖引玉的作用。
代码如下:
// ==UserScript==
// @name 保存会员信息
// @namespace http://www.ucoolweb.com
// @description 收集世纪佳缘交友网会员搜索结果页你喜欢的会员信息，并把它们保存成本地HTML文件，以方便日后查阅。
// @include http://search.jiayuan.com/result.php*m=1*
// ==/UserScript==
/**
* 定义一个类
*/
function clsJiaYuan()
{
/**
* 定义getElementById快捷方式
* @param {String} objId DOM ID
* @return {DOM}
*/
var $ = function(objId)
{
return document.getElementById(objId);
}
/**
* 定义getElementsByTagName快捷方式
* @param {String} tagName 标签名
* @return {Array} DOM Array
*/
var $$ = function(tagName)
{
return document.getElementsByTagName(tagName);
}
/*
if (window.HTMLElement)
{
HTMLElement.prototype.$=$;
HTMLElement.prototype.$$=$$;
}
*/
/**
* 按样式名查找DOM对象
* @param {String} className 要查找的样式名，即标签的class属性值
* @param {String} tagName 筛选标签名，可选参数，用于缩小查找范围
* @return {Array} DOM Array
*/
var getElementsByClassName = function(className, tagName)
{
var selector = tagName || '*';
var allDom = $$(selector);
var domList = [];
for (var i in allDom)
{
if (allDom[i].className == className)
{
domList[domList.length] = allDom[i];
}
}
return domList;
}
/**
* 创建每个会员头像下的复选框
*/
var createCheckBox = function()
{
var photoBoxs = getElementsByClassName('searh_photobox', 'div');
for (var a in photoBoxs)
{
var infoList = photoBoxs[a].getElementsByTagName('a');
//提取会员信息
var url = infoList[0].href;
var face = infoList[0].getElementsByTagName('img')[0].src;
var name = infoList[0].getElementsByTagName('img')[0].alt;
//处理高级会员信息HTML
if (infoList.length == 4)
{
var about = infoList[2].innerHTML;
}
else
{
var about = infoList[3].innerHTML;
}
//插入复选框HTML
photoBoxs[a].getElementsByTagName('li')[3].innerHTML = '<label><input type="checkbox" name="love" value="' + url + '|' + face + '|' + name + '|' + about + '" />收藏</label>< /span>';
//注册复选框单击处理函数
photoBoxs[a].getElementsByTagName('input')[0].addEventListener('click', jiaYuan.outputHtml, true);
}
}
//创建HTML代码输出文本域
var createTextBox = function()
{
var loveCodeDom = document.createElement('textarea');
loveCodeDom.id = 'loveCode';
loveCodeDom.rows = 5;
var pageBox = getElementsByClassName('pageclass', 'div')[1];
pageBox.appendChild(loveCodeDom);
$('loveCode').style.width = '640px';
$('loveCode').style.margin = '10px';
}
//输出或更新选择会员HTML代码，在单击复选框时调用
this.outputHtml = function()
{
var loveHtml = '';
var loveCheckBoxs = document.getElementsByName('love');
for (var i in loveCheckBoxs)
{
//只输出复选框打勾的会员信息
if (loveCheckBoxs[i].checked)
{
var infoList = loveCheckBoxs[i].value.split('|');
var liHtml = '<li><a href="' + infoList[0] + '" target="_blank"><img src="' + infoList[1] + '" /></a><strong>' + infoList[2] + '</strong><span>' + infoList[3] + '</span></li>';
loveHtml += liHtml;
}
}
$('loveCode').value = loveHtml;
$('loveCode').select(); //让文本域代码处于选中状态，方便快速复制
}
//程序初始化公开方法
this.init = function()
{
createCheckBox();
createTextBox();
}
}
//实例化一个类
var jiaYuan = new clsJiaYuan();
jiaYuan.init();
五、注意事项
1、在安装Greasemonkey插件到Firefox（火狐）浏览器的时候，请选择安装与浏览器版本对应的Greasemonkey插件。建议下载“增强便携版” Firefox浏览器，这种版本一般集成Greasemonkey插件。下载参考链接：http://www.jb51.net/softs/21957.html
2、本文提供脚本可能会随着佳缘网的改版而失效，因为Greasemonkey脚本的工作是基于目标网站HTML操作的，如果你发现脚本失效请及时给我留言，让我修正。当然，如果你也会编写脚本的话，你还可以自己动手修改，修改方法可以参考这里，修改用户脚本：http://www.firefox.net.cn/dig/helloworld/editing.html
3、据了解现在很多浏览器都支持Greasemonkey，比如Chrome、Opera，甚至IE，本脚本并没有在这些浏览器上测试过，如果你发现脚本在其它浏览器平台下有问题，也可以留言告诉我。
4、必须保证Greasemonkey插件处于激活状态，即浏览器右下角的“小猴子”图标不是灰色的，不然你即使安装了插件，也会得不到预期的效果。
作者：WebFlash
出处：http://webflash.cnblogs.com
相关推荐
-
Ruby使用Monkey Patch猴子补丁方式进行程序开发的示例
猴子补丁(Monkey Patch)是一种特殊的编程技巧.Monkey patch 可以用来在运行时动态地修改(扩展)类或模块.我们可以通过添加 Monkey Patch 来修改不满足自己需求的第三方库,也可以添加 Monkey Patch 零时修改代码中的错误. 词源 Monkey patch 最早被称作 Guerrilla patch,形容这种补丁像游击队员一样狡猾.后来因为发音相似,被称为 Gorilla patch.因为大猩猩不够可爱,后改称为 Monkey patch. 使用场景 以我
-
javascript SpiderMonkey中的函数序列化如何进行
在Javascript中,函数可以很容易的被序列化(字符串化),也就是得到函数的源码.但其实这个操作的内部实现(引擎实现)并不是你想象的那么简单.SpiderMonkey中一共使用过两种函数序列化的技术:一种是利用反编译器(decompiler)将函数编译后的字节码反编译成源码字符串,另一种是在将函数编译成字节码之前就把函数源码压缩并存储下来,用到的时候再解压还原. 如何进行函数序列化 在SpiderMonkey中,能将函数序列化的方法或函数有三个:Function.prototype.toSt
-
Android自动测试工具Monkey
前言: 最近开始研究Android自动化测试方法,对其中的一些工具.方法和框架做了一些简单的整理,其中包括android测试框架.CTS.Monkey.Monkeyrunner.benchmark.其它test tool等等.因接触时间很短,很多地方有不足之处,希望能和大家多多交流. 一.Monkey定义 探索软件测试工具有哪些,本文主要介绍Monkey工具.Monkey测试是Android平台自动化测试的一种手段,通过Monkey程序模拟用户触摸屏幕.滑动.按键等操作来对设备上的程序进行压力测
-
android压力测试命令monkey详解
一.Monkey 是什么?Monkey 就是SDK中附带的一个工具. 二.Monkey 测试的目的?:该工具用于进行压力测试. 然后开发人员结合monkey 打印的日志 和系统打印的日志,结局测试中出现的问题. 三.Monkey 测试的特点?Monkey 测试,所有的事件都是随机产生的,不带任何人的主观性. 四.Monkey 命令详解 1).标准的monkey 命令[adb shell] monkey [options] <eventcount> , 例如:adb shell monkey -
-
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
Monkey patch就是在运行时对已有的代码进行修改,达到hot patch的目的.Eventlet中大量使用了该技巧,以替换标准库中的组件,比如socket.首先来看一下最简单的monkey patch的实现. class Foo(object): def bar(self): print 'Foo.bar' def bar(self): print 'Modified bar' Foo().bar() Foo.bar = bar Foo().bar() 由于Python中的名字空间是开放
-
android monkey自动化测试改为java调用monkeyrunner Api
众所周知,一般情况下我们使用android中的monkeyrunner进行自动化测试时,使用的是python语言来写测试脚本.不过,最近发现可以用java调用monkeyrunner Api,用java语言写测试脚本. 于是,就简单研究了一下.这里做一些总结.希望有对在研究的午饭可以有所用处. 开始时,搜素到一些零碎的教程,说使用java调用monkeyrunner时,需要导入android sdk tools路径下的lib里面的4个包:ddmlib.jar,guavalib.jar,monk
-
Android自动测试工具Monkey的实现方法
1. Android Monkey 实现操作流程: 准备:在eclipse里安装Phyon插件,可以选择在线安装,也可以下载zip解压后放在eclipse安装目录的dropins下,如 : /personal/software/android_developtools/adt-bundle-mac-x86_64-20130522/eclipse/dropins/PyDev 2.8.2 插件准备就绪就重启eclipse,检验PyDev是否正常工作,然后开始MonkeyRunner测试: 第一步:
-
用Greasemonkey 脚本收藏网站会员信息到本地
一.脚本功能介绍 正常情况下,如果你在会员搜索结果页通过相片看好某个会员(所谓眼缘好的会员),想快速记录下这个会员的信息并不是一件容易的事情,你也许会在会员相片上单击右键,然后把这个会员的主页地址先记下来,一个页面如果有较多看好的会员想收藏的话,你还得重复上面的操作.默认搜索结果页显示效果如下图: 安装我写的Greasemonkey脚本后,搜索结果页就会发生一点改变,"给我写信"按钮会变成"收藏"复选框,效果如下图,注意红框标识与前面图片的变化对比: 现在假设你想收
-
Apache下通过shell脚本提交网站404死链的方法
网站运营人员对于死链这个概念一定不陌生,网站的一些数据删除或页面改版等都容易制造死链,影响用户体验不说,过多的死链还会影响到网站的整体权重或排名. 百度站长平台提供的死链提交工具,可将网站存在的死链(协议死链.404页面)进行提交,可快速删除死链,帮助网站SEO优化.在提交死链的文件中逐个手动填写死链的话太麻烦,工作中我们提倡复杂自动化,所以本文我们一起交流分享Apache服务中通过shell脚本整理网站死链,便于我们提交. . 1.配置Apache记录搜索引擎 Apache是目前网站建设最为主
-
利用批处理文件和 vbs 脚本实现网站视频自动录制
利用批处理文件和 vbs 脚本实现网站视频自动录制 现在电视台基本上都有了自己的门户网站,我们可以充分利用网络的优势来扩大本地电视台的影响.事实上,将本地电视台的每日的王牌节目挂在网站上的做法已经成为建立电视台网站的必要组成步骤之一了.但随之而来的问题是:每天定时需要的手工录制过程,将给管理者带来极大的不便.在 windows 定时任务的基础上,将批处理程序与脚本程序有机的集合,就可以有效地解决这一问题. 1 :建立压码任务 我们将使用一台带有视频采集卡的电脑来完成压码过程.虽然压码不是本文的重
-
Java远程调用Shell脚本并获取输出信息【推荐】
1.添加依赖 <dependency> <groupId>ch.ethz.ganymed</groupId> <artifactId>ganymed-ssh2</artifactId> <version>262</version> </dependency> <dependency> <groupId>commons-io</groupId> <artifactId&g
-
用JavaScript脚本实现Web页面信息交互
要实现动态交互,必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识. 一.窗体基础知识 窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互,而用不着在之前首先进行数据输入,就可以实现动态改变Web文档的行为. 1.什么是窗体对象窗体(Form):它构成了Web页面的基本元素.通常一个Web页面有一个窗体或几个窗体,使用Forms[]数组来实现不同窗体的访问.<form Name=Form1><INPUT type=text...><Input
-
php实现专业获取网站SEO信息类实例
本文实例讲述了php实现专业获取网站SEO信息类.分享给大家供大家参考.具体如下: 这个seo类的功能包括: - 检查指定的网站响应 - 获取从该网站主页的语言和其他meta标签数据的 - 获取网站的导入链接,从Alexa的流量排名 - 获取网站的导入链接,由谷歌索引的网页数量 - 获取网站的信任,从WOT排名. - 获取,因为它是第一个注册的网站域名年龄 - 获取的Twitter网站页面的数量 - 获取的Facebook链接的网站页面 - 获取网站谷歌网页速度等级 - 获取网站的谷歌网页排名
-
推荐20家国外的脚本下载网站
今天,本文向大家推荐20佳国外的脚本下载网站. 1- Hot Scripts 2- Code Canyon 3- User Scripts 4- Scripts 5- Javafile 6- PHP Scripts Download 7- Scripts Download 8- The Script Library 9- Script Copy 10- Script Archive 11- PHP Resource Index 12- Free Flash Scripts 13- Site Sc
-
Python使用scrapy抓取网站sitemap信息的方法
本文实例讲述了Python使用scrapy抓取网站sitemap信息的方法.分享给大家供大家参考.具体如下: import re from scrapy.spider import BaseSpider from scrapy import log from scrapy.utils.response import body_or_str from scrapy.http import Request from scrapy.selector import HtmlXPathSelector c
-
通过DOM脚本去设置样式信息
利用DOM脚本去设置样式信息:(by wushan) 在大多数场合,我们都用CSS去设置样式,但在某些特殊情况下,例如要根据元素在节点树里的位置来设置节点样式信息时,目前CSS还没办法做到这一点.但利用DOM就可以很轻易的完成. 例如:把一定样式施加到所有hl元素的下一兄弟节点(下一元素节点)上.这时候用CSS没办法确定位置,但用DOM的getElementsByTagName( )方法很容易就把所有hl元素后面的那个元素找出来,这时候只要对找出来的元素施加样式就可以了.以下是代码清单: 复制代
-
备份、还原IIS网站配置信息
Windows系统的Internet Information Server(简称IIS)是大家常用的WEB和FTP站点架设工具,由于其操作简单.易于上手,在互联网中得到广泛应用.网络中IIS的应用是复杂多样的,它的默认配置参数不能满足每个网站的需要,因此,很多用户自定义IIS网站配置.但IIS服务器也有出问题的时候,很可能导致这些参数的丢失,还要重新设置,甚是麻烦.最简单的方法是平时注意备份IIS站点配置参数,一旦出现问题,再进行还原或移植.下面笔者介绍几种常用的备份.还原IIS网站配置信息方法