手动下载Chrome并解决puppeteer无法使用问题

手动下载Chrome并优化Puppeteer的使用体验——长沙网络推广指南

============================

对于国内用户来说，直接安装 Puppeteer 时可能会遇到网络超时的问题。为此，长沙网络推广团队提供了一种解决方案，即通过手动下载 Chrome 并结合 puppeteer-core 来使用。接下来，让我们一起跟随长沙网络推广团队的脚步，看看如何轻松解决这一问题。

一、安装准备

你需要安装 puppeteer-core。你可以通过 Yarn 进行安装：

```bash

yarn add puppeteer-core

```

二、手动下载 Chrome 浏览器

为了解决 Puppeteer 安装时的网络问题，我们需要手动下载 Chrome 浏览器。下载地址可以在 `node_modules/puppeteer-core/lib/BrowserFetcher.js` 文件中找到，其中 `%s` 替换为 `DEFAULT_DOWNLOAD_HOST` 的值， `%d` 替换为版本号。例如，一个可能的下载地址是：

```bash

```

下载完成后，将文件解压并放在项目目录中。这里假设你将解压后的文件夹放在了名为 `chrome` 的目录下。

三、如何使用？

现在，你就可以开始使用 Puppeteer 了。你需要指定 Chrome 浏览器的路径，路径可以在 `node_modules/puppeteer-core/lib/BrowserFetcher.js` 中找到。以下是一个简单的使用示例：

```javascript

const puppeteer = require('puppeteer-core');

const path = require('path');

(async () => {

const browser = await puppeteer.launch({

// 注意这里的路径需要指向可执行的浏览器。各平台的路径可以在上面提到的文件中找到。

// 例如，Mac 的路径可能是 './chrome/Chromium.app/Contents/MacOS/Chromium'

// Linux 的路径可能是 './chrome/chrome'

// Windows 的路径可能是 './chrome/chrome.exe'

executablePath: path.resolve('./chrome/Chromium.app/Contents/MacOS/Chromium')

});

const page = await browser.newPage();

await page.setViewport({ width: 375, height: 667, deviceScaleFactor: 1, isMobile: true });

await page.goto(' // 这里替换成你想要访问的

await page.screenshot({ path: 'marx-blog.png' }); // 生成截图并保存为 marx-blog.png 文件

await browser.close(); // 关闭浏览器实例和所有页面。记得在使用完浏览器后关闭它！这是一个好习惯。

})();

```

执行你的 JavaScript 文件：`node index.js`。执行完成后，你应该能在你的项目目录中看到一个名为 `marx-blog.png` 的截图文件。这就是你的成果！如果你在使用过程中遇到任何问题，不妨查看我们的代码地址以获取更多帮助和支持。也请大家多多支持我们的长沙网络推广团队和狼蚁SEO。我们相信通过分享和学习，我们可以共同进步和成长！如果您有任何疑问或需要进一步的指导，请随时与我们联系。希望这篇文章能对您的学习有所帮助，并期待与您共同进步！