服务器 Centos 下安装无头浏览器,并附puppeteer的例子

无头浏览器的安装,在国内可谓一波三折,因为伟大的樯的存在,你如果能按github上的步骤安装成功,算我输。

在这里插入图片描述

服务器Centos 7下安装Chrome

不可能安装为UI模式,要不你服务器的命令行岂不是白敲了。在此模式下,先建立本地repo。

1、添加Rep源

$ sudo touch /etc/yum.repos.d/google.repo

使用vi打开文件,填充内容如下:

[google]
name=Google-x86_64
baseurl=http://dl.google.com/linux/rpm/stable/x86_64
enabled=1
gpgcheck=0
gpgkey=https://dl-ssl.google.com/linux/linux_signing_key.pub

2、yum安装

$ sudo yum update
$ sudo yum install google-chrome-stable

3、成功安装

成功总是让人沉醉!

Downloading packages:
(1/11): libXScrnSaver-1.2.2-6.1.el7.x86_64.rpm             |  24 kB   00:00
(2/11): libappindicator-gtk3-12.10.0-13.el7.x86_64.rpm     |  37 kB   00:00
(3/11): libdbusmenu-gtk3-16.04.0-4.el7.x86_64.rpm          |  34 kB   00:00
(4/11): libdbusmenu-16.04.0-4.el7.x86_64.rpm               | 132 kB   00:00
(5/11): liberation-fonts-1.07.2-16.el7.noarch.rpm          |  13 kB   00:00
(6/11): liberation-narrow-fonts-1.07.2-16.el7.noarch.rpm   | 202 kB   00:00
(7/11): libindicator-gtk3-12.10.1-6.el7.x86_64.rpm         |  63 kB   00:00
(8/11): redhat-lsb-submod-security-4.1-27.el7.centos.1.x86 |  15 kB   00:00
(9/11): redhat-lsb-core-4.1-27.el7.centos.1.x86_64.rpm     |  38 kB   00:01
(10/11): spax-1.5.2-13.el7.x86_64.rpm                      | 260 kB   00:01
(11/11): google-chrome-stable-78.0.3904.70-1.x86_64.rpm    |  61 MB   00:09
--------------------------------------------------------------------------------
Total                                              6.2 MB/s |  61 MB  00:09

Installed:
  google-chrome-stable.x86_64 0:78.0.3904.70-1

Dependency Installed:
  libXScrnSaver.x86_64 0:1.2.2-6.1.el7
  libappindicator-gtk3.x86_64 0:12.10.0-13.el7
  libdbusmenu.x86_64 0:16.04.0-4.el7
  libdbusmenu-gtk3.x86_64 0:16.04.0-4.el7
  liberation-fonts.noarch 1:1.07.2-16.el7
  liberation-narrow-fonts.noarch 1:1.07.2-16.el7
  libindicator-gtk3.x86_64 0:12.10.1-6.el7
  redhat-lsb-core.x86_64 0:4.1-27.el7.centos.1
  redhat-lsb-submod-security.x86_64 0:4.1-27.el7.centos.1
  spax.x86_64 0:1.5.2-13.el7

Complete!

Centos 下安装nodejs

这里采用简单的yum安装方式,你也可以采用自己喜欢的方式安装。

curl -sL https://rpm.nodesource.com/setup_10.x | bash -
yum install -y nodejs

如果是升级,可以使用n 工具

# 全局安装n
$ npm install -g n
# 升级到最新稳定版
$ n stable 
# 升级到最新版
$ n latest
# 升级到定制版
$ n v7.10.0
# 切换使用版本
$ n 7.10.0 (ENTER)

安装puppeteer

puppeteer 是google的亲儿子,可以直接访问无头浏览器chrome。安装时不要安装chrome,哪位服务器是google的,你很难安装成功。

npm install puppeteer --ignore-scripts

后面会配置使用上面安装的Chrome。

一切OK,开始大展拳脚吧~~

一个栗子

我们使用 npm init 初始化一个项目,编辑index.js

const puppeteer = require('puppeteer');
(async()=>{
    const browser = await puppeteer.launch({
    //沙箱很难配,有兴趣的童鞋可以试试。
     args:["--no-sandbox"],
     headless:true,
     // chrome的默认安装路径
     executablePath: '/opt/google/chrome/chrome',
     slowMo:100
    });
     const page = await browser.newPage();
     await page.goto('http://baidu.com');
     await page.screenshot({path:'puppeteer.png'});
     await browser.close();
})();

后记

终于可以使用无头浏览器了,至于你想干什么?
那!只有你自己知道了!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)