0

0

Sublime开发Chrome无头模式(Headless)自动化脚本_用于数据抓取与UI测试

穿越時空

穿越時空

发布时间:2025-12-08 21:03:41

|

702人浏览过

|

来源于php中文网

原创

sublime text 是代码编辑器,不直接运行 chrome 无头模式,需配合 node.js/puppeteer 或 python/selenium 编写脚本,并通过构建系统执行;支持语法高亮、调试日志与插件扩展以提升自动化开发效率。

sublime开发chrome无头模式(headless)自动化脚本_用于数据抓取与ui测试

Sublime Text 本身不是运行 Chrome 无头模式的工具,它只是一个代码编辑器。真正执行 Chrome Headless 自动化脚本(如数据抓取、UI 测试)的是底层的 JavaScript/Python 运行环境 + Chrome 浏览器。Sublime 可以高效编写和管理这些脚本,但需配合合适的运行方式。

用 Sublime 编写 Puppeteer(Node.js)脚本

Puppeteer 是最常用的 Chrome Headless 控制库,基于 Node.js。在 Sublime 中可新建 .js 文件,编写类似以下逻辑:

  • 安装 Node.js 和 Puppeteer:npm init -y && npm install puppeteer
  • 在 Sublime 中写脚本,例如启动无头 Chrome 抓取标题:
    const puppeteer = require('puppeteer');<br>
    (async () => {<br>
      const browser = await puppeteer.launch({ headless: true });<br>
      const page = await browser.newPage();<br>
      await page.goto('https://example.com');<br>
      console.log(await page.title());<br>
      await browser.close();<br>
    })();
  • 用 Sublime 的 Build System 配置 Node 构建(Tools → Build System → New Build System),填入:
    { "cmd": ["node", "$file"], "selector": "source.js" }
    保存为 Node.sublime-build,之后按 Ctrl+B(Win/Linux)或 Cmd+B(Mac)即可运行

用 Sublime 编写 Selenium(Python)脚本

适合熟悉 Python 或需要跨浏览器兼容的场景。Sublime 支持 Python 语法高亮与自动补全(需安装 Package Control 中的 Anaconda 或 SublimeJEDI)。

A1.art
A1.art

一个创新的AI艺术应用平台,旨在简化和普及艺术创作

下载
  • 确保已安装 Python、ChromeDriver 和 selenium:pip install selenium
  • 在 Sublime 中新建 .py 文件,示例:
  • from selenium import webdriver<br>
    from selenium.webdriver.chrome.options import Options<br>
    options = Options()<br>
    options.add_argument('--headless')<br>
    options.add_argument('--no-sandbox')<br>
    driver = webdriver.Chrome(options=options)<br>
    driver.get("https://example.com")<br>
    print(driver.title)<br>
    driver.quit()
  • 配置 Python 构建系统(默认已有),按 Ctrl+B 直接运行

调试与日志建议(提升 Sublime 开发效率)

无头模式无法直观看到页面,容易出错。在 Sublime 编辑时提前加入调试支持很关键:

  • Puppeteer 脚本中临时关闭 headless:headless: false,加 slowMo: 250 观察操作流程
  • page.screenshot()driver.save_screenshot() 保存快照,配合 Sublime 的文件快速预览(如安装 Image Preview 插件)
  • 所有关键步骤后加 console.logprint(),输出状态、URL、元素文本等,避免“静默失败”
  • 在 Sublime 中用 Ctrl+Shift+P → “Set Syntax: JavaScript (Babel)” 提升 ES6+ 语法支持(对 Puppeteer 很友好)

注意事项:避免常见坑

在 Sublime 写好脚本 ≠ 能直接稳定跑通。注意这些实际约束:

  • Chrome 无头模式在某些 Linux 服务器上需额外依赖:libnss3 libxss1 libasound2 等,不能只靠脚本解决
  • 反爬网站(如知乎、淘宝)会检测 headless 特征,需手动覆盖 User-Agent、禁用自动化标志(如 --disable-blink-features=AutomationControlled
  • Sublime 不提供进程管理 —— 脚本异常退出可能导致 Chrome 进程残留,建议加 process.on('exit', ...) 或用 try/finally 确保 browser.close() / driver.quit()
  • UI 测试建议搭配 Jest / pytest 使用,Sublime 可通过插件(如 SublimeTestRunner)集成测试命令

基本上就这些。Sublime 的轻量和定制性,让它成为写自动化脚本的好搭档——重点是写得清楚、跑得稳、查得快。不需要花哨功能,把路径、参数、错误处理想明白,比换编辑器更重要。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

1057

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

837

2023.11.06

es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

106

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

197

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

231

2025.12.24

pip安装使用方法
pip安装使用方法

安装步骤:1、确保Python已经正确安装在您的计算机上;2、下载“get-pip.py”脚本;3、按下Win + R键,然后输入cmd并按下Enter键来打开命令行窗口;4、在命令行窗口中,使用cd命令切换到“get-pip.py”所在的目录;5、执行安装命令;6、验证安装结果即可。大家可以访问本专题下的文章,了解pip安装使用方法的更多内容。

373

2023.10.09

更新pip版本
更新pip版本

更新pip版本方法有使用pip自身更新、使用操作系统自带的包管理工具、使用python包管理工具、手动安装最新版本。想了解更多相关的内容,请阅读专题下面的文章。

436

2024.12.20

pip设置清华源
pip设置清华源

设置方法:1、打开终端或命令提示符窗口;2、运行“touch ~/.pip/pip.conf”命令创建一个名为pip的配置文件;3、打开pip.conf文件,然后添加“[global];index-url = https://pypi.tuna.tsinghua.edu.cn/simple”内容,这将把pip的镜像源设置为清华大学的镜像源;4、保存并关闭文件即可。

802

2024.12.23

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
ASP 教程
ASP 教程

共34课时 | 5.8万人学习

PHP课程
PHP课程

共137课时 | 13.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号