mcpField
H
headless-web-viewer

headless-web-viewer

github.com/okwinds开发5036 次安装24 周前更新
代码仓库

关于 headless-web-viewer

基于 Playwright 的网页渲染技能，可保存或打印页面内容，适用于需要 HTML、文本或截图产物的工作流。

主要功能

  1. 01保存渲染后的 HTML、文本和截图
  2. 02将页面文本输出到标准输出
  3. 03使用 Playwright Core 或自带浏览器运行

适用场景

  1. 01将网页保存为 HTML、文本和图片
  2. 02把渲染后的文本传递给其他命令

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/okwinds/miscellany --skill headless-web-viewer

安装后在 Claude Code 中输入/headless-web-viewer确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

README.md
package.json
package-lock.json
README.zh-CN.md
scripts/
render_url_playwright.mjs

详细介绍

无头 Web 查看器

运行

渲染并保存产物
node ./scripts/render_url_playwright.mjs '<URL>' \
  --out-html /tmp/page.html \
  --out-text /tmp/page.txt \
  --out-screenshot /tmp/page.png
输出到 stdout（适合管道）
node ./scripts/render_url_playwright.mjs '<URL>' --print text

依赖项

此技能需要在运行环境中安装 Playwright。

选项 A（推荐用于全局使用，无需下载浏览器）

安装 Playwright Core 并使用系统 Chrome：

npm i -D playwright-core

使用 --channel chrome 运行。

选项 B（捆绑浏览器）
npm i -D playwright
npx playwright install

除非用户要求，否则不要自动安装依赖项。

提示

  • 如果页面在 networkidle 状态下卡住，请使用 --wait-until domcontentloaded 重试。
  • 如果页面阻止无头 Chromium，请尝试将 --user-agent 设置为逼真的 UA。

评论

支持 Markdown