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

灰太狼 2021-07-25 02:46 1232阅读 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 条评论，1232人围观）

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

相关阅读

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

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

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

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

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

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

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

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

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

相关 JS打印页面内容

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

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

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

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

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

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

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

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

相关 15.7. 页面内容安全

15.7.1. 禁止鼠标右键修改body标签，加入onContextMenu="return false" onSelectStart="return false"。

水深无声/ 2022年02月01日 01:57/ 0 赞/ 111 阅读

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

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

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

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

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

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

相关页面重构技能-内容篇

专业的页面重构师手下出产的页面应该是标准、合理、高效，易扩展，易维护的。为尽早奔向这一NB的方向，吾等前赴后继的前端码农们，升级所需的必要天赋之一：载入更快，更省带宽！少

喜欢ヅ旅行/ 2021年06月26日 16:06/ 0 赞/ 313 阅读