puppeteer 教程（7） ---- 如何用手机模式打开浏览器

清疚 2023-06-09 10:14 7阅读 0赞

## 目标 ##

用手机模式打开百度

#### 主要学习以下知识点 ####

<table> 
 <thead> 
  <tr> 
   <th>方法名称</th> 
   <th>方法说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>page.emulate</td> 
   <td>为了支持模拟器，puppeteer 提供了一些设备的参数选项，可以通过 require(‘puppeteer/DeviceDescriptors’) 命令引入</td> 
  </tr> 
 </tbody> 
</table>

详细api 可参考  
https://blog.csdn.net/mengxiangxingdong/article/details/99237204

### 开始 ###

本文章代码均在 上传在  
https://gitee.com/hugo110/puppeteer-demo

## 效果图 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmd4aWFuZ3hpbmdkb25n_size_16_color_FFFFFF_t_70]

### 1.代码 ###

/**
    模拟手机打开浏览器
     */
    
    const devices = require('puppeteer/DeviceDescriptors')  //引入手机设备ua 设置
    const puppeteer = require('puppeteer');
    (async () => {
        
        const browser = await puppeteer.launch({
        headless: false})
        const page = await browser.newPage()
        await page.emulate(devices['iPhone X'])
        await page.goto('http://www.baidu.com')
        // await page.screenshot({path: 'c:/temp/baidu_iphone_X.png'})
    })()

## 参考博客 ##

https://zhaoqize.github.io/puppeteer-api-zh\_CN/\#?product=Puppeteer&version=v1.19.0&show=api-pageevalselector-pagefunction-args-1

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21lbmd4aWFuZ3hpbmdkb25n_size_16_color_FFFFFF_t_70]: /images/20230531/9a17866984c34ce7a51ce8e3326edca6.png