记录学习过程中的点点滴滴
前端技术相关
iMacros工具用法介绍
五 4th
iMacros是作为浏览器的插件,通过录制对网页的操作,然后进行回放,这样可以避免大量的重复性的劳动;目前已支持Firefox、Chrome和IE,我试用了一下Firefox的插件,感觉还挺方便的,与类似12306的刷票插件的原理基本是一样的,不过iMacros提供了自己的脚本,你可以直接图形界面录制,当然你也可以通过自己修改脚本来进行录制并回放,是实现浏览器自动抓取的利器。
本文主要介绍iMacros的基本用法,最后以一个比较的小的例子作为说明。
安装
1. Firefox插件下载地址:这里
2. Chrome插件下载地址:这里
使用
安装完成后,你会看到增加了这个图标,然后点击该图标,你就会看到iMacros展开的样子
可以看到上面一栏是对应的脚本,下面分为三栏:“运行”, “记录”, “编辑”
- “运行”: 选中某个录制的脚本,点击运行,就会回放对应的操作
- “记录”: 点击“记录”按钮,此时iMacros会开始录制你再浏览器上做的操作,然后会保存在Current.iim脚本中,比如我首先打开baidu.com, 并点击录制,然后输入”firefox imacros”搜索,最后“停止”;
- “编辑”:选中“Current.iim”文件,选择“编辑宏”按钮,你会看到如下的内容:
VERSION BUILD=8300326 RECORDER=FX TAB T=1 URL GOTO=http://www.baidu.com/ TAG POS=1 TYPE=INPUT:TEXT FORM=NAME:f ATTR=ID:kw CONTENT=firefox<SP>imacros TAG POS=1 TYPE=INPUT:SUBMIT FORM=NAME:f ATTR=ID:su
上述脚本的大致意思:
- “URL GOTO”: 进入该页面
- “TAG POS=1 TYPE=INPUT:TEXT FORM=NAME:f ATTR=ID:kw CONTENT=firefoximacros”:在input表单中输入”firefox imacros”, 这里主要是TAG这个命令,选中html中该标签,可使用TYPE, ATTR, FORM进一步指定,最常用的一个命令,详情点击这里
- “TAB T=1″: 在第一个标签中打开URL, “TAB OPEN”在新的标签页打开,详情
iMacros中其它比较常用的命令
- 变量赋值SET: SET today {{!NOW: dd-mm-yyyy}} 将当前的日期赋值给today这个变量,后续通过{{}}来引用该变量
- WAIT SECONDS=3: sleep 3s.
- 填充表单:使用TAG命令, 同时增加CONTENT选项即可:
TAG POS=1 TYPE=INPUT:TEXT FORM=NAME:NoFormName ATTR=ID:SearchWord CONTENT={{today}} - 提取文本:TAG+EXTRACT 如
TAG POS=1 TYPE=TD ATTR=TXT:当页汇总 EXTRACT=TXT - 模拟点击:比如要点击一个超级链接,同时知道其anchor,则就非常简单:
TAG POS=1 TYPE=A ATTR=TXT:入口页面 - 保存提取的文本到文件:在提取文本后,其内容会自动添加到EXTRACT变量中,你可以通过ADD或者SET命令来修改{{!EXTRACT}}这个变量,最后通过SAVEAS来保存提取的文本,以逗号分隔
SAVEAS TYPE=EXTRACT FOLDER=D:\ FILE=report_{{yestoday}}.txt - 读取文件数据:有些情况下,比如要搜索大量的query,此时你就需要使用数据文件,然后使用{{!COL1}} {{!COL2}}来访问对应数据的列,默认列是以逗号进行分隔
SET !DATASOURCE d:\datasource.txt
SET !DATASOURCE_COLUMNS 2
最后运行时要点击”播放(循环)”按钮,否则只会执行一行就会退出了,同时设置最大的行数
Web开发人员必备的20款超赞的jQuery插件【CSDN】
二 25th
原文地址:http://sd.csdn.net/a/20110218/292102.html
收藏了
Creative Radical Web Typography
Lettering.js是一个轻量经的、易于使用的jQuery插件,可创造出极具个性的网页排版,是2010年最佳jQuery插件之一。
更多 >
jquery ajax 提交checkbox数组的方法
六 27th
直接上代码,主要是获取checkbox值的方法:将其放到数组中,然后连接成字符串
var selectedItems = new Array(); $("input[@name='itemSelect[]']:checked").each(function() {selectedItems.push($(this).val());}); if (selectedItems .length == 0) alert("Please select item(s) to delete."); else $.ajax({ type: "POST", url: "/ajax_do_something.php", data: "items=" + selectedItems.join('|'), dataType: "text", success: function (request) { document.location.reload(); }, error: function(request,error){ alert('Error deleting item(s), try again later.'); } } )
firefox插件Firebug的用法
六 9th
firebug作为firefox下js调试的工具,功能还是很强大的~~
下面两篇文章介绍了Firebug的基本用法
http://blog.csdn.net/rocket5725/archive/2009/09/01/4506532.aspx
http://blog.csdn.net/tianxiaode/archive/2007/09/02/1769152.aspx
JavaScript调试技巧之:断点调试
六 9th
这两篇文章写得挺全的
http://jsfox.cn/blog/javascript/debug-js-using-break-points-part1.html
http://jsfox.cn/blog/javascript/debug-js-using-break-points-part2.html
JavaScript调试技巧之:快速定位[转载]
六 9th
快速定位,其实就是快速定位程序的错误,所以也算是调试。这个在实际的码代码时往往比较实用。大多数情况下,你的js代码不多(少于1000行), 只要能迅速发现代码的错误,往往不用复杂的调试。关于常用的快速定位方法,我总结了一下几点,欢迎大家补充。
1. 使用alert
alert其实比较实用。本地调试中,在合适的位置写alert,打出来一些变量,虽然比较土,但是往往事半功倍!另外有一个alert技巧,想看 看一个对象中的属性和它的值吗,试试这个:
var str = "", i; for (i in obj) { str += i + ": " +obj[i] + "\n"; } alert(str); 更多 >
那些相见恨晚的 JavaScript 技巧[转载]
六 6th
JavaScript 的成功让人津津乐道,为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 JavaScript 程序员,也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。 更多 >
javaScript 中URL编码转换,escape() encodeURI() encodeURIComponent[转载]
六 5th
在使用url进行参数传递时,经常会传递一些中文名的参数或URL地址,在后台处理时会发生转换错误。在有些传递页面使用GB2312,而在接收页面使用 UTF8,这样接收到的参数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL,与使用客户端javascript的 encodeURI函数编码的URL,结果就不一样。
javaScript中的编码方法:
escape() 方法:
采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。unescape方法与此相反。 更多 >
ie和firefox兼容的方式获取回车事件方法
六 4th
直接上代码,一看便知
只在IE下能够运行的代码,在firefox下不能运行
/** * 捕获回车事件 * */ function checkEnter(your_param1, your_param2) { if (window.event.keyCode == 13) { yourfunction(your_param1, your_param2) } }
两者兼容的方式
/** * 捕获回车事件 * */ function checkEnter(your_param1,your_param2, e) { var msie = (document.all) ? true : false; var keycode; if(!msie)keycode=e.which; else keycode=e.keyCode; if (keycode==13) { yourfunction(your_param1, your_param2); } }
JavaScript中 escape函数
四 26th
JavaScript中escape函数是对 String 对象编码以便它们能在所有计算机上可读,使用方法:
escape(charString)
charstring是必选项,参数是要编码的任意 String 对象或文字。
escape 方法返回一个包含了 charstring 内容的字符串值( Unicode 格式)。所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替,其中 xx 等于表示该字符的十六进制数。例如,空格返回的是 “%20″ 。字符值大于 255 的以 %uxxxx 格式存储。
注意 escape 方法不能够用来对统一资源标示码 (URI) 进行编码。对其编码应使用 encodeURI 和encodeURIComponent 方法。
近期评论