自动化网页html,网页自动化操作技术

使用到的基础

iframe

jquery

目标页面的元素操作

目标页面的变量访问

基本原理

将目标页面嵌入到iframe中，以浮动面板的形式提供用户操作接口，借用目标页面的已有变量和元素对目标页面进行模拟人工的操作

示例页面

网页自动化

src='http://www.google.com.hk'>

//$.jsPanel( options );

// or

//var myPanel = $.jsPanel( options );

// example using some options

$.jsPanel({

position: {my: "left-top", at: "left-top", offsetY: 45, offsetX: 10},

theme: "rebeccapurple",

contentSize: {width: 250, height: 700},

headerTitle: "浮动面板",

content: "

Some sample text ...

",

callback: function () {

this.content.css("padding", "15px");

}

});

常用方法

以下方法的描述都是基于示例页面代码的

为标签添加自定义属性

使用data-attribute的方式，比如

0,9

访问目标页面中的变量

目标页面中有一个变量phoenix，在parent页面中使用，使用原生的javascript

var phoenix = document.getElementById('childIframe').contentWindow.phoenix;

另一个未经验证的办法是，使用jquery

var phoenix = $("#childIframe")[0].contentWindow.phoenix;

访问(操作)目标页面中的元素

var lastballs = $("#childIframe").contents().find("div.lottery-number em");