casperjs中调用本地自定义js文件的方法

痛定思痛。 2022-08-09 06:56 214阅读 0赞

最近在学习casperjs的应用，使用到了自己编写的js文件了，所以就研究了一下如何casperjs中调用自定义的js文件：

phantom.outputEncoding="GBK";  //这里主要是防止乱码的出现
    var casper=require('casper').create({
    	clientScripts:[
    		'jquery.js'    //这里可以随意设置你的自定义js文件
    	],
    	pageSettings:{
    		loadImages:false,  //不加载图片
    		loadPlugins:false  //不加载插件
    	},
    	logLevel: "info",  
    	verbose: true   
    });
    casper.start('http://www.baidu.com',function(){ 
    	//var a=document.getElementById('su');	
    });
    casper.thenEvaluate(function(term) {
    	//document.querySelector('input[id="su"]').setAttribute('value', term);	
    	
    	//var a = document.getElementById("su");
    	//a.value=term;
    	$("#su").attr("value",term);
    }, 'CasperJS');
    casper.wait(2000,function(){
    	this.capture('hehe.png');
    	casper.echo(this.getTitle());	
    });
    
    casper.run();

phantom.outputEncoding="GBK";  //这里主要是防止乱码的出现

[可以参考博客内容][Link 1]。

clientScripts:[
    		'jquery.js'    //这里可以随意设置你的自定义js文件
    	],

这里是添加你的js文件。

$("#su").attr("value",term);

这里就是调用自己本地的js文件 jquery.js文件（显然是我已经下载到本地的文件）。

值得注意的是，这里在调用自己的js文件的时候，一定要注意：该js文件一定要和你用casperjs的脚本文件在同一个目录下，就是使用相对路径来对文件进行定位。

举例说明一下：

比如我使用casperjs控制台调用的js文件为test.js  并且把它放在了casper的文件夹中，那么如何使用上面的方法的话 我的jquery.js文件就应该也放在casper文件夹中去；如果jquery.js文件放在了test文件夹中的话，那么路径就应该写成是 “test/jquery.js”.

[Link 1]: http://blog.csdn.net/winterto1990/article/details/49158251