乐闻
Puppeteer 在实际项目中有哪些应用场景？请举例说明网页爬虫、自动化测试等具体实现。Puppeteer 在实际项目中有广泛的应用场景，从网页爬虫到自动化测试，从数据采集到性能监控。以下是一些典型的实际应用案例。
**1. 网页爬虫和数据采集**
**案例 1：电商商品价格监控**
```javascript
const puppeteer = require('puppeteer');
async function monitorProductPrices(productUrls) {
const browser = await puppeteer.launch({
headless: 'new',
args: ['--no-sandbox'...
前端 · 2月19日 14:12
如何优化 Ollama 的性能和配置参数？优化 Ollama 性能可以从多个方面入手：
**1. 模型量化选择：**
Ollama 支持不同量化级别的模型，权衡精度和性能：
- `q4_0` / `q4_k_m` - 4-bit 量化，速度快，精度略低
- `q5_0` / `q5_k_m` - 5-bit 量化，平衡速度和精度
- `q8_0` - 8-bit 量化，精度高，速度较慢
- `f16` - 16-bit 浮点，最高精度，最慢
```bash
# 下载不同量化版本
ollama pull llama3.1:8b-q4_k_m
ollama pull llama3.1:8b-q8_0
```
**2. 参数调优...
服务端 · 2月19日 19:30
Puppeteer 如何实现页面交互和表单操作？有哪些常用的 API 和最佳实践？Puppeteer 提供了丰富的页面交互和表单操作功能，可以模拟用户的真实操作行为，这对于自动化测试和网页爬虫非常重要。
**1. 基本页面操作**
**导航到页面：**
```javascript
// 基本导航
await page.goto('https://example.com');
// 等待网络空闲
await page.goto('https://example.com', {
waitUntil: 'networkidle2'
});
// 设置超时时间
await page.goto('https://example.com', {
timeou...
前端 · 2月19日 14:10
Puppeteer 和 Selenium 有什么区别？在什么场景下应该选择 Puppeteer 而不是 Selenium？Puppeteer 和 Selenium 都是流行的浏览器自动化工具，但它们在设计理念、实现方式和使用场景上有显著差异。
**1. 架构差异**
**Puppeteer：**
- 基于 Chrome DevTools Protocol (CDP)
- 直接与浏览器通信，无需中间层
- 专为 Chrome/Chromium 设计
- 使用 WebSocket 与浏览器建立连接
**Selenium：**
- 基于 WebDriver 协议
- 通过 WebDriver 服务器与浏览器通信
- 支持多种浏览器（Chrome、Firefox、Safari、Edge 等）
- 需要安装浏览...
前端 · 2月19日 14:08
Puppeteer 如何使用 Chrome DevTools Protocol (CDP) 进行高级调试和性能分析？Puppeteer 提供了丰富的 Chrome DevTools Protocol (CDP) 功能，允许开发者访问浏览器底层的调试和性能分析能力。
**1. CDP 基础**
**创建 CDP 会话：**
```javascript
const client = await page.target().createCDPSession();
```
**启用 CDP 域：**
```javascript
await client.send('Performance.enable');
await client.send('Network.enable');
await clien...
前端 · 2月19日 14:15
Puppeteer 中有哪些等待机制？如何正确使用它们来处理异步操作？Puppeteer 提供了多种等待机制来处理异步操作和页面加载，确保在执行操作前页面状态已就绪。
**1. page.waitForNavigation()**
等待页面导航完成，适用于点击链接、提交表单等会触发页面跳转的操作。
```javascript
await Promise.all([
page.waitForNavigation(),
page.click('#submit-button')
]);
```
**参数选项：**
- `waitUntil`: 'load' | 'domcontentloaded' | 'networkidle0' | 'netw...
前端 · 2月19日 14:06
Puppeteer 如何进行错误处理和调试？有哪些常用的调试技巧和工具？Puppeteer 提供了多种错误处理和调试技巧，帮助开发者快速定位和解决问题，提高开发效率。
**1. 基本错误处理**
**try-catch 模式：**
```javascript
const puppeteer = require('puppeteer');
async function safeExecution() {
const browser = await puppeteer.launch();
const page = await browser.newPage();
try {
await page.goto('https://exa...
前端 · 2月19日 14:14
Puppeteer 如何管理 Cookie 和存储？如何实现会话持久化和多账户管理？Puppeteer 提供了强大的 Cookie 和存储管理功能，可以模拟真实的用户会话、保持登录状态、管理本地存储等。
**1. Cookie 管理**
**获取所有 Cookie：**
```javascript
const cookies = await page.cookies();
console.log(cookies);
```
**获取特定 URL 的 Cookie：**
```javascript
const cookies = await page.cookies('https://example.com');
```
**设置 Cookie：**
```jav...
前端 · 2月19日 14:13
Puppeteer 如何实现设备模拟和移动端测试？有哪些内置设备和自定义配置方法？Puppeteer 提供了强大的设备模拟功能，可以模拟各种移动设备、屏幕尺寸、用户代理等，这对于响应式设计测试和移动端网页测试非常有用。
**1. 设备模拟基础**
Puppeteer 内置了多种常见设备的预设配置。
```javascript
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
// 模拟 iPhone 12
const iP...
前端 · 2月19日 14:09
Puppeteer 如何实现页面截图和 PDF 生成？有哪些高级选项和实际应用场景？Puppeteer 提供了强大的页面截图和 PDF 生成功能，可以用于自动化测试、文档生成、网页归档等多种场景。
**1. 页面截图（Screenshots）**
**基本截图：**
```javascript
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://example.com');
...
前端 · 2月19日 14:07