将文件另存为获取尺寸 puppeteer js - Javascript

使用Puppeteer和Javascript编写代码可以很容易地从Web页面中获取图像的尺寸。 Puppeteer是一个基于Chrome / Chromium的高级Node.js库，可用于控制和自动化Web浏览器，通过它可以在无头浏览器中加载图像并获取其尺寸。

安装

在安装Puppeteer之前，请确保已在本地安装了Node.js环境。 要安装Puppeteer，请在终端或命令行中运行以下命令：

npm i puppeteer

示例

下面是一个简单的示例，演示如何使用Puppeteer从Web页面中获取图像的宽度和高度：

const puppeteer = require('puppeteer')
const fs = require('fs')

async function main() {
  const browser = await puppeteer.launch()
  const page = await browser.newPage()
  await page.goto('https://www.example.com/image.jpg', { waitUntil: 'networkidle2' })

  const imgHandle = await page.$('img')
  const { width, height } = await imgHandle.boundingBox()

  console.log(`宽度：${width}像素，高度：${height}像素`)

  await imgHandle.screenshot({
    path: 'image.jpg',
    omitBackground: true
  })

  await browser.close()
}

main()

该示例中使用了Puppeteer的page.$方法来选择页面中的img元素，然后使用imgHandle.boundingBox()方法获取该元素的包围盒（bounding box）并从中提取宽度和高度属性。 最后，使用imgHandle.screenshot()方法将该元素作为图片截屏并将其保存到本地文件系统。

关于Markdown格式

Markdown是一种轻量级的标记语言，它可以用来格式化文档并显示在Web页面上。使用Markdown可以使文档易于编写、易于阅读，并且很容易转换为其他格式，如HTML、PDF和DOCX。

Markdown包括许多语法元素，如标题、段落、列表、链接和图像。在Markdown中，可以使用简单的标记来指示文本的样式、结构和其他属性。例如，以下标记可以用于创建一个一级标题：

# 标题

其他常见Markdown元素包括：

• 段落：使用空行将文本分成段落。
• 斜体：使用一个下划线或星号将文本包裹起来。
• 粗体：使用两个下划线或星号将文本包裹起来。
• 链接：使用中括号将显示文本包裹起来，然后使用括号将链接URL包裹起来。
• 图像：与链接类似，使用 !来指示一个图像。

在编写Markdown代码片段时，注意以下几点：

1. 每个Markdown元素必须独立为一行。
2. 段落之间必须有空行。
3. 可以使用代码块元素（围绕文本使用三个反引号）来指示代码片段。

结论

在这篇文章中，我们学习了如何使用Puppeteer和Javascript编写代码来从Web页面中获取图像的尺寸并将其保存到本地文件系统。 我们还学习了如何使用Markdown格式来编写易于阅读和展示的代码示例。