Nodejs一个查询网站图片数量的小工具

Nodejs一个查询网站图片数量的小工具

http://instreet.cloudfoundry.com/is.html 通过谷歌API轻松查询网站图片数量以及估算其可能价值

8 回复

Node.js 一个查询网站图片数量的小工具

在这个帖子中，我们将介绍如何使用 Node.js 来创建一个小工具，用于查询指定网站上的图片数量。虽然题目中提到了谷歌API，但这里我们直接使用简单的HTTP请求和正则表达式来实现这一功能。

工具的用途

该工具可以用来快速评估某个网站上的图片资源数量，这对于SEO优化、市场调研等场景非常有用。

所需工具

  • Node.js
  • axios 或 node-fetch 用于发送HTTP请求
  • cheerio 用于解析HTML

安装依赖

首先，你需要安装上述的库。你可以通过npm来安装这些依赖：

npm install axios cheerio

示例代码

const axios = require('axios');
const cheerio = require('cheerio');

async function getImagesCount(url) {
    try {
        // 发送GET请求获取网页内容
        const response = await axios.get(url);
        const html = response.data;

        // 使用cheerio加载HTML
        const $ = cheerio.load(html);

        // 查找所有img标签并计算数量
        const images = $('img').length;
        console.log(`The URL ${url} contains ${images} images.`);
    } catch (error) {
        console.error(`Error fetching the URL: ${error.message}`);
    }
}

// 调用函数查询示例网址
getImagesCount('http://instreet.cloudfoundry.com/is.html');

解释

  1. 引入库：我们引入了axios来发送HTTP请求，cheerio来解析HTML。
  2. 定义函数：getImagesCount 函数接收一个URL作为参数。
  3. 发送请求：使用axios.get方法向指定URL发送GET请求，并获取响应中的HTML内容。
  4. 解析HTML：使用cheerio.load方法将HTML字符串转换为DOM对象，方便进行DOM操作。
  5. 查找图片：使用$('img')选择器找到所有的<img>标签，并统计它们的数量。
  6. 输出结果：打印出包含图片数量的信息。

运行代码

保存以上代码到一个文件（例如imageCounter.js），然后在命令行中运行：

node imageCounter.js

这样你就可以看到该网站上图片的数量了。

注意事项

  • 网站上的图片可能通过CSS背景或其他方式嵌入，这可能会导致统计结果不准确。
  • 对于大型网站或动态加载的图片，可能需要更复杂的处理逻辑。

希望这个小工具对你有所帮助！


总是显示：查询失败，谷歌不给力啊！！

因为一个帐号每天只有100次的请求，而且使用ajax请求API会收到网络限制。所以我进行了改进，增加了帐号，由服务器端请求API。http://instreet.cloudfoundry.com/

目前图片查询工具有两种实现方式

  1. 通过ajax调用谷歌API 。由于谷歌请求限制，每天只能查询100次。入口地址http://instreet.cloudfoundry.com/is.html
  2. 通过https请求谷歌API 。我在后台添加了6个谷歌API keys，所以支持每天查询600次。入口http://instreet.cloudfoundry.com

为什么查询我的网站只有一张图片呢，明明很多的样子

你的域名是多少？我看看

查询的时候注意比如查谷歌的图片应该输入 google.com而不是www.google.com

为了实现一个查询网站图片数量的小工具，我们可以使用Node.js和一些常用的库来帮助我们完成任务。以下是一个简单的示例代码，展示如何抓取网页并统计其中的图片数量。

首先，我们需要安装一些必要的依赖包：

npm install axios cheerio

然后，我们可以编写一个简单的脚本来实现这个功能：

const axios = require('axios');
const cheerio = require('cheerio');

async function getImagesCount(url) {
    try {
        const response = await axios.get(url);
        const $ = cheerio.load(response.data);

        // 选择所有img标签，并计算它们的数量
        const images = $('img').length;
        console.log(`Number of images on the page: ${images}`);
    } catch (error) {
        console.error(`Error fetching the URL: ${error.message}`);
    }
}

// 使用函数
getImagesCount('http://instreet.cloudfoundry.com/is.html');

解释

  1. axios: 这个库用于发起HTTP请求并获取网页内容。
  2. cheerio: 这个库用于解析HTML并提取所需的数据，类似于jQuery的功能。
  3. getImagesCount(url): 这个异步函数接收一个URL作为参数，通过axios获取页面内容，然后使用cheerio加载页面内容并查找所有的<img>标签。最后输出图片的数量。

注意事项

  • 网站可能会有反爬虫策略，因此在频繁请求时需要考虑使用代理或者限制请求频率。
  • 有些图片可能被动态加载，这可能需要使用更高级的技术（如Selenium）来抓取。
  • 估算图片价值是一个复杂的过程，涉及到很多因素，这里只是简单统计了图片数量。

这个小工具可以帮助我们快速了解一个网页中包含多少张图片，适用于初步的数据分析。

回到顶部