[译文]casperjs使用说明-选择器

casperjs的选择器可以在dom下工作,他既支持css也支持xpath. 下面所有的例子都基于这段html代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>My page</title> </head> <body> <h1 class="page-title">Hello<…

capserjs自带了一个测试框架,它提供了一个使你能够更容易的测试你的web应用的工具集. 注意: 1.1版本变更这个测试框架,包括它的所有API,仅能使用在casperjs test子命令下如果你在测试框架的范围以外使用casper.test的属性,会报error 从1.1-beta3开始,你能够在测试环境下改写casper的初始化配置,想知道更多,可以去dedicated FAQ entry.了解单元测试设想Cow为我们想要测试的对象: function Cow() { this.…

[译文]casperjs使用说明-使用命令行

使用命令行 Casperjs使用内置的phantomjs命令行解析器,在cli模块里,它传递参数位置的命名选项但是不要担心不能熟练操控CLI模块的API,一个casper实例已经包含了cli属性,允许你很容易的使用他的参数让我们来看这个简单的casper脚本: var casper = require("casper").create(); casper.echo("Casper CLI passed args:"); require("utils&q…

[译文]casperjs的API-clientutils模块

casper提供了少量的客户端接口用来进行远程DOM环境注入,通过clientutils模块的ClientUtils类实例中的__utils__对象来执行: casper.evaluate(function() { __utils__.echo("Hello World!"); }); 提示: 这个工具不需要使用jQuery, Mootools等第三方库,但是不影响你通过Casper.options.clientScripts来使用这些第三方库 Bookmarklet(标签页) 一…

[译文]casperjs 的API-casper模块

Casper class: 可以通过这个模块的create()方法来获取这个模块的一个实例,这是最容易的: var casper = require('casper').create(); 我们也可以通过实例化主方法的方式获得一个自身的实例: var casper = new require('casper').Casper(); 提示: 如果扩展casper类,后面的章节会讲到不管是casper构造函数还是create()方法,都接受一个参数选项,这个标准的javascript对象一样.…

[译文]casperjs的API-mouse模块

mouse类这个类是对各种鼠标操作的抽象,比如移动,点击,双击,滚动等.它要求一个已经获得DOM属性的casper对象,能用这种方式创造一个鼠标对象: var casper = require("casper").create(); var mouse = require("mouse").create(casper); 提示: 一个capser对象已经有一个mouse属性,因此你一般情况下你不需要在脚本里显式声明一个: casper.then(function(…

[译文]casperjs的API-colorizer模块

colorizer模块包含了一个Colorizer类,它能够生成一个标准化的颜色字符串: var colorizer = require('colorizer').create('Colorizer'); console.log(colorizer.colorize("Hello World", "INFO")); 大部分情况下,你会通过CASPER echo()方法使用它. casper.echo('an informative message', 'INFO')…

CSS 笔记——选择器

1. 选择器 (1)类型选择器(标签选择器) 基本语法 E { sRules } 使用说明类型选择器.以文档对象(Element)类型作为选择器. 选择面较大,适合做某种标签元素外观的常规设置. 代码示例 <style type="text/css" media="screen"> p { text-align: center; color: red; } h1 { text-align: right; color: green; } </sty…

jquery选择器使用说明

在jquery中选择器是一个非常重要的东西,几乎做什么都离不开它,下面我总结了jquery几种选择器的用法.以方便后面直接可以用到!! 层次选择器: 1.find()://找到该元素的子元素以及孙子元素(及所有后代元素). $('#box').find('p').css('color', 'white');//id为box下所有的p标签的颜色改为白色 2.children()://找到该元素的子元素. $('#box').children('p').css('color', 'white');/…

jQuery css()选择器使用说明

css选择器只是jquery中的一个功能罢了,下面我来给各位朋友详细介绍jQuery css()选择器使用方法与说明详解,有需要了解学习的同学可参考. CSS操作有一个重要的方法:CSS() CSS()有三个不同的语法,来完成各自的工作: ■$(selector).css(name,value)■$(selector).css({properties})■$(selector).css(name) 返回CSS属性使用CSS(name)返回指定的第一个匹配元素的CSS属性值: 示例 $(this)…