在数字化时代，我们每天都会接触大量网络资源。看到电商平台高清的商品详情图，想保存下来做设计参考；刷到实用的教程视频，希望离线后反复学习；听到网页中的背景音乐，想下载到本地循环播放。但多数网页并未提供直接下载入口，即便有，也可能需要繁琐的操作，甚至要付费订阅相关服务。

尤其是从事设计、运营、教育等行业的从业者，经常需要收集各类网络素材，反复寻找下载方法不仅耗时耗力，还可能错过优质资源。而普通用户面对喜欢的媒体内容，也常因下载门槛过高而无奈放弃。一款能高效抓取网页资源的工具，成为了很多人的刚需。

这款浏览器扩展工具恰好解决了这些痛点，它就像一个全能的资源识别助手，无需专业技术知识，安装后即可自动扫描网页中的图片、视频、音频和文档。无论是主流电商平台的商品图片，还是各类网站的视频、音频文件，都能一键抓取，极大降低了资源获取的难度。

工具核心功能与应用场景

这款工具的适用场景十分广泛，不同人群都能从中找到便利。

对于电商从业者或网店运营者来说，需要分析竞品商品图片时，它能支持淘宝、天猫、京东等主流电商平台的资源抓取。不仅能下载商品主图，还能批量保存 SKU 图、详情图甚至评论区的用户实拍图，无需逐张右键保存，大大提升了素材收集效率，为店铺装修、产品分析提供了便捷。

设计爱好者或从业者在浏览设计网站时，常常会遇到高分辨率的优质图片，却只能查看无法下载。这款工具能自动解析网页中的大图链接，直接下载高清原图，告别了下载小图或水印图的烦恼。无论是平面设计、UI 设计还是海报制作，都能快速收集到高质量的参考素材。

视频创作者或学习者在网上看到实用的教程视频、创意短片时，想要离线观看或提取片段使用，这款工具能支持 MP4、MOV、FLV、AVI 等多种常见视频格式的提取。还能集成视频播放器，查看视频信息和来源，同时提供多种筛选条件，可根据文件大小、格式等快速找到目标视频，满足学习和创作需求。

音乐爱好者在浏览音频网站或含有背景音乐的网页时，无需担心无法保存喜欢的音乐。工具支持 MP3、WAV、WMA、OGG 等多种音频格式的智能提取，无论是歌曲、有声书还是音效文件，都能一键下载，轻松打造个人音频库。

详细使用教程

首先是工具的安装步骤，操作十分简单。打开 Chrome 或 Edge 浏览器，在应用商店中搜索对应插件名称，找到后点击 “添加至浏览器”，等待几秒即可完成安装。安装成功后，浏览器右上角会出现工具图标，点击即可展开功能面板。

接下来是图片下载的操作方法。当浏览到含有目标图片的网页时，点击工具图标，面板会自动显示识别到的所有图片资源，并标注图片格式（如 PNG、JPEG）和尺寸信息。如果是电商网页，会自动分类主图、详情图等，方便精准选择。勾选需要下载的图片，或直接点击 “全选”，然后点击 “下载” 按钮，即可将图片批量保存到本地，无需逐张操作。对于需要高清图片的用户，工具会自动解析大图链接，下载的图片保持原始分辨率，无需额外处理。

视频下载同样便捷。在含有视频的网页中打开工具，它会智能抓取网页中的所有视频资源，显示视频格式、文件大小等信息。支持按文件大小排序，可选择 “大视频优先” 或 “小视频优先”，快速定位目标视频。勾选需要下载的视频后，点击 “下载” 即可开始提取。下载过程中可查看进度，完成后视频文件会自动保存到本地指定文件夹。此外，工具集成了简易视频播放器，下载前可预览视频内容，避免下载错误资源。

音频文件的下载步骤与视频类似。在含有音频的网页中启动工具，它会识别出音频资源并列出格式和大小。选择需要的音频文件，点击 “下载” 即可提取到本地。无论是网页中的背景音乐、歌曲片段还是有声内容，都能快速保存，且支持多种音频格式，适配不同播放设备。

文档下载功能则适用于含有 PDF、Word 等文档的网页，工具会自动识别可下载的文档资源，点击即可保存，无需跳转其他页面或进行复杂操作。

此外，工具还支持局域网传输和聊天功能，方便用户在同一局域网内分享下载的资源，提升资源传递效率。功能面板中的 “排序”“筛选” 等功能，可根据个人需求快速筛选资源，让操作更加便捷。

工具优势亮点

这款工具的核心优势在于操作的便捷性和功能的全面性。无需付费订阅，所有核心功能完全免费使用，降低了使用门槛。无需复杂的技术设置，安装后一键即可启动识别和下载，即使是电脑操作新手也能快速上手。

支持的资源类型丰富，涵盖图片、视频、音频、文档等多种格式，且兼容主流网站和浏览器，适用范围广。下载速度稳定，资源识别准确率高，能有效避免漏抓、错抓的情况，保证资源获取的效率和质量。

同时，工具占用浏览器内存小，不会影响网页加载速度和浏览器运行流畅度，使用过程中无弹窗广告，体验清爽。100 + 支持网站和 1M + 活跃用户的基础，也证明了其稳定性和实用性。

无论是专业从业者还是普通用户，这款工具都能成为网络资源获取的好帮手，让原本繁琐的下载过程变得简单高效，节省时间和精力，让更多人能轻松获取所需的网络资源。

需要获取这款工具及完整详细教程的朋友，可私信我备注文章标题，即可获取网盘打包资源，包含工具安装包和更细致的功能使用指南，帮助大家快速掌握所有操作技巧。

import requests
from bs4 import BeautifulSoup
import os
from urllib.parse import urljoin, urlparse
import re

class WebMediaDownloader:
    def __init__(self, target_url, save_dir="web_media_downloads"):
        # 初始化目标URL和保存目录
        self.target_url = target_url
        self.save_dir = save_dir
        # 创建保存目录（不存在则自动创建）
        if not os.path.exists(self.save_dir):
            os.makedirs(self.save_dir)
        # 请求头模拟浏览器访问，避免被反爬
        self.headers = {
            "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
        }

    def get_web_content(self):
        """获取网页源代码"""
        try:
            response = requests.get(self.target_url, headers=self.headers, timeout=15)
            response.raise_for_status()  # 若状态码非200则抛出异常
            response.encoding = response.apparent_encoding  # 自动识别编码
            return response.text
        except Exception as e:
            print(f"获取网页内容失败：{str(e)}")
            return None

    def extract_media_urls(self, media_type=["image", "audio", "video"]):
        """提取网页中的媒体资源URL"""
        web_content = self.get_web_content()
        if not web_content:
            return {}
        
        soup = BeautifulSoup(web_content, "html.parser")
        media_urls = {
            "image": [],
            "audio": [],
            "video": []
        }

        # 提取图片URL（img标签的src和data-src属性）
        if "image" in media_type:
            img_tags = soup.find_all("img")
            for img in img_tags:
                img_url = img.get("src") or img.get("data-src") or img.get("data-original")
                if img_url and self.is_valid_url(img_url):
                    full_url = urljoin(self.target_url, img_url)
                    # 过滤小图标等无关图片（可根据需求调整尺寸阈值）
                    if not self.is_irrelevant_image(full_url):
                        media_urls["image"].append(full_url)
        
        # 提取音频URL（audio标签的src属性）
        if "audio" in media_type:
            audio_tags = soup.find_all("audio")
            for audio in audio_tags:
                audio_url = audio.get("src")
                if audio_url and self.is_valid_url(audio_url):
                    full_url = urljoin(self.target_url, audio_url)
                    media_urls["audio"].append(full_url)
        
        # 提取视频URL（video标签的src属性和source标签）
        if "video" in media_type:
            video_tags = soup.find_all("video")
            source_tags = soup.find_all("source")
            all_video_elements = video_tags + source_tags
            
            for elem in all_video_elements:
                video_url = elem.get("src")
                if video_url and self.is_valid_url(video_url):
                    full_url = urljoin(self.target_url, video_url)
                    media_urls["video"].append(full_url)
        
        # 去重处理
        for key in media_urls:
            media_urls[key] = list(set(media_urls[key]))
        
        return media_urls

    def is_valid_url(self, url):
        """验证URL是否有效"""
        parsed_url = urlparse(url)
        return bool(parsed_url.scheme) and bool(parsed_url.netloc)

    def is_irrelevant_image(self, img_url):
        """过滤无关图片（如图标、广告图）"""
        irrelevant_keywords = ["icon", "logo", "ad", "banner", "sponsor"]
        irrelevant_extensions = [".ico", ".gif"]  # 过滤图标和动图（可调整）
        return any(keyword in img_url.lower() for keyword in irrelevant_keywords) or \
               any(img_url.lower().endswith(ext) for ext in irrelevant_extensions)

    def download_media(self, media_urls, media_type=["image", "audio", "video"]):
        """批量下载媒体资源"""
        for type_name in media_type:
            urls = media_urls.get(type_name, [])
            if not urls:
                print(f"未找到{type_name}资源")
                continue
            
            # 创建对应类型的子目录
            type_dir = os.path.join(self.save_dir, type_name)
            if not os.path.exists(type_dir):
                os.makedirs(type_dir)
            
            print(f"开始下载{len(urls)}个{type_name}资源...")
            for idx, url in enumerate(urls, 1):
                try:
                    # 获取文件名（从URL中提取）
                    filename = url.split("/")[-1].split("?")[0]
                    # 处理无扩展名的文件名
                    if "." not in filename:
                        if type_name == "image":
                            filename += ".jpg"
                        elif type_name == "audio":
                            filename += ".mp3"
                        elif type_name == "video":
                            filename += ".mp4"
                    
                    save_path = os.path.join(type_dir, filename)
                    
                    # 避免重复下载
                    if os.path.exists(save_path):
                        print(f"已存在：{filename}，跳过下载")
                        continue
                    
                    # 下载资源（流式下载，支持大文件）
                    response = requests.get(url, headers=self.headers, stream=True, timeout=30)
                    response.raise_for_status()
                    
                    with open(save_path, "wb") as f:
                        for chunk in response.iter_content(chunk_size=1024*1024):  # 1MB分块
                            if chunk:
                                f.write(chunk)
                    
                    print(f"下载成功[{idx}/{len(urls)}]：{filename}")
                except Exception as e:
                    print(f"下载失败[{idx}/{len(urls)}]：{url}，错误：{str(e)}")

    def run(self, media_type=["image", "audio", "video"]):
        """执行完整下载流程"""
        print(f"开始解析：{self.target_url}")
        media_urls = self.extract_media_urls(media_type)
        self.download_media(media_urls, media_type)
        print("所有任务执行完毕！")

# 主程序入口
if __name__ == "__main__":
    # 配置参数
    TARGET_URL = "请替换为目标网页URL"  # 例如："https://example.com"
    SAVE_DIRECTORY = "web_media"  # 保存目录（可自定义）
    DOWNLOAD_TYPES = ["image", "audio", "video"]  # 要下载的资源类型（可按需删减）
    
    # 创建下载器实例并运行
    downloader = WebMediaDownloader(target_url=TARGET_URL, save_dir=SAVE_DIRECTORY)
    downloader.run(media_type=DOWNLOAD_TYPES)