NPM包extract-url使用教程

介绍

extract-url是一个可将HTML代码中的URL提取出来的NPM包。使用这个包可以很方便的从HTML代码中提取出需要的URL，便于后续的处理操作。

安装

使用npm包管理工具可以快速安装extract-url：

npm install extract-url

使用

提取一个URL非常简单，在代码中导入extract-url包并传入想要处理的HTML代码块，然后调用extractUrls()方法：

const extractUrl = require('extract-url');

let htmlString = '<div><a href="https://www.example.com">Example</a></div>';

let urls = extractUrl.extractUrls(htmlString);

console.log(urls);

上面的代码将在控制台输出["https://www.example.com"]。

高级用法

忽略重复的URL

如果您有许多HTML代码需要处理，您可能会遇到提取出的URL重复的情况。在这种情况下，extract-url还提供了去除重复URL的选项：

const extractUrl = require('extract-url');

let htmlString = '<div><a href="https://www.example.com">Example</a></div><div><a href="https://www.example.com">Example</a></div>';

let urls = extractUrl.extractUrls(htmlString, { removeDuplicates: true });

console.log(urls);

上面的代码将在控制台输出["https://www.example.com"]。

处理带有选择器的HTML代码

您可能会使用CSS选择器家族来选择HTML中的元素，这种情况下提取URL也是很容易的：

const extractUrl = require('extract-url');

let htmlString = '<div><a href="https://www.example.com">Example</a></div>';

let urls = extractUrl.extractUrls(htmlString, { selector: 'a[href]' });

console.log(urls);

上面的代码将在控制台输出["https://www.example.com"]。

根据URL的前缀或后缀提取

如果您只想提取特定类型的URL，可以使用prefix或suffix选项：

const extractUrl = require('extract-url');

let htmlString = '<div><a href="https://www.example.com/image.jpeg">Example</a></div>';

let urls = extractUrl.extractUrls(htmlString, { suffix: ['.jpeg', '.png'] });

console.log(urls);

上面的代码将在控制台输出["https://www.example.com/image.jpeg"]。

总结

extract-url是一个非常简单但又高度灵活的NPM包，它可以快速从HTML代码中提取URL。它还提供了很多高级选项，以满足不同场景下的需求。希望这篇文章对你有所帮助！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005751181e8991b448ea384