node puppeteer操作页面、获取页面内容

灰太狼 2021-07-25 02:46 1286阅读 0赞

1、获取页面内容,获取dom对象使用,page.$$eval()/$eval
    
    		本身是个promise对象,await 获取回调函数的返回值
    		其中:
    			let x=await page.$/$$eval('选择器',回调函数(参数是dom对象))
    		
    2、对页面进行点击等模拟用户操作，使用page.$()/page.$$(),返回一个ElementHandle，
    封装了事件方法
    
    		本身是个promise对象,await 获取ElementHandle
    		例:
    		let inputEle =await page.$('.searchl .formhue');
    		inputEle.focus()
    
    3、模拟键盘操作,本身是个promise对象,await获取内容
    
    		若要模拟输入,要先第2步中的锁定焦点,再输入
    		await page.keyboard.type('模拟输入内容')
    		
    		模拟按下A:
    		await page.keyboard.down('Shift');
    		await page.keyboard.press('KeyA');
    		await page.keyboard.up('Shift');

代码示例:  
**获取页面内容:**

let puppeteer =require('puppeteer')
    
    async function test(){ 
    
    	let options={ 
    		//使用无头模式，默认为有头(true为无界面模式)
    		headless:false,
    		//设置打开页面在浏览器中的宽高
    		defaultViewport:{ 
    			width:1000,
    			height:800
    		}
    	}
    
    	//返回浏览器实例
    	let browser=await puppeteer.launch(options)
    	//创建新页面,并返回页面对象
    	let page=await browser.newPage();
    	//进入指定页面
    	await page.goto('https://www.dytt8.net/');
    
    	//若要截取指定浏览器图片,图片会被放在当前路径下
    	// await page.screenshot({path: 'screenshot.png'});
    	
    	//page.$$eval是一个promise对象
    	//获取页面内容,在浏览器输出
    	let eles=await page.$$eval("#menu li a",(elements)=>{ 
    		let eles=[];
    		elements.forEach(function(item,index){ 
    
    			if(item.getAttribute('href')!='#'&&item.innerText!='APP下载'){ 
    			 var eleObj={ 
    				 href:item.getAttribute('href'),
    				 text:item.innerText
    			 }
    			 eles.push(eleObj);
    			}
    
    			console.log(eleObj);
    		})
    		//返回导航栏的href和文本内容
    		return eles;
    	})
    
    	console.log(eles); 
    
    	//监听输出事件,在终端输出
    	//回调函数第一个参数.text();输出被监听事件的内容
    	// page.on('console',function(e){ 
    	// console.log(e.text());
    	// })
    	
    	//再开启一个页面去访问分类链接跳转页面内容
    	let gnPage= await browser.newPage();
    	gnPage.goto(eles[2].href);
    
    
    }
    
    test();

操作页面:

let puppeteer =require('puppeteer')
    
    async function test(){ 
    
    	let options={ 
    		//使用无头模式，默认为有头(true为无界面模式)
    		headless:false,
    		//设置打开页面在浏览器中的宽高
    		defaultViewport:{ 
    			width:1000,
    			height:800
    		},
    		//设置每个步骤放慢250毫秒
    		slowMo:250
    	}
    
    	//返回浏览器实例
    	let browser=await puppeteer.launch(options)
    	//创建新页面,并返回页面对象
    	let page=await browser.newPage();
    	//进入指定页面
    	await page.goto('https://www.dytt8.net/');
    
    	//获取页面对象并调用事件时,使用$$/$,会创建ElementHandle,
    	//代表选中元素,封装了事件方法
    	let eles=await page.$$('#menu li a')
    	// eles[2].click()
    
    	//输入搜索
    	inputEle =await page.$('.searchl .formhue');
    	inputEle.focus()
    	//通过虚拟键盘来实现键盘操作
    	await page.keyboard.type('复仇者联盟')
    	//点击按钮
    	let btn=await page.$('.searchr input[name="Submit"]')
    	btn.click()
    }
    
    test();

发表评论取消回复

表情：

评论列表（有 0 条评论，1286人围观）

还没有评论，来说两句吧...

相关阅读

相关 js访问php页面并获取http状态或者内容

开发中遇到一个国外的接口，需要先调用php页面，当php页面调用成功后，才能调用第二个接口完成数据的查询。直接上代码： <!DOCTYPE HTML>

柔光的暖阳◎/ 2023年07月05日 10:22/ 0 赞/ 25 阅读

相关【内容页面】内容页面样式

> `前言` ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

超、凢脫俗/ 2023年01月09日 12:55/ 0 赞/ 125 阅读

相关 jQuery 之获取页面内容和属性（六）

获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容 ht

素颜马尾好姑娘i/ 2022年09月23日 13:48/ 0 赞/ 212 阅读

相关 js打印全面页面和部分页面内容

function printPage(obj) \{ if (obj == 'true') \{

快来打我*/ 2022年08月11日 04:30/ 0 赞/ 214 阅读

相关 JS打印页面内容

将需要打印的东西放入div容器，给div容器指定一个id 原理：生成一个新的打印页面，供window.print()调用 function Print(printp

àì夳堔傛蜴生んèń/ 2022年08月09日 03:09/ 0 赞/ 218 阅读

相关子页面获取父页面元素

刚写完一个项目，有用到iframe 因为是新手，所以研究了一下，啥也没鼓捣出来。也就是会用了子页面调用父页面的方法。 <iframe id="ifpage" name="

柔情只为你懂/ 2022年05月22日 10:36/ 0 赞/ 302 阅读

相关获取数据后插入到jsp页面（自用，没内容）

success: function (data ,textStatus, jqXHR) {

深碍√TFBOYSˉ_/ 2022年03月21日 18:26/ 0 赞/ 175 阅读

相关打开页面直接显示内容

第一种最为简单的方式window.οnlοad= function()\{\}，方法中直接获取数据，具体的可以看我的另外一篇博客[https://mp.csdn.net/

不念不忘少年蓝@/ 2022年03月21日 16:16/ 0 赞/ 318 阅读

相关通过GET和POST方式获取页面内容

网络爬虫，即Web Spider，是一个很形象的名字。把互联网比喻成一个蜘蛛网，那么Spider就是在网上爬来爬去的蜘蛛。 HTTP协议中定义了四个与服务器进行交互的方法，分

待我称王封你为后i/ 2021年09月13日 22:52/ 0 赞/ 677 阅读

相关 node puppeteer操作页面、获取页面内容

1、获取页面内容,获取dom对象使用,page.$$eval()/$eval 本身是个promise对象,await 获取回调函数的返回值

灰太狼/ 2021年07月25日 02:46/ 0 赞/ 1287 阅读