> ## Documentation Index
> Fetch the complete documentation index at: https://langchain-zh.cn/llms.txt
> Use this file to discover all available pages before exploring further.

# Web 加载器集成

> 使用 LangChain JavaScript 与 Web 加载器集成。

这些加载器用于加载网络资源。它们不涉及本地文件系统。

## 所有 Web 加载器

<Columns cols={3}>
  <Card title="Playwright" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/web_playwright" arrow="true" cta="查看指南" />

  <Card title="AirtableLoader" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/airtable" arrow="true" cta="查看指南" />

  <Card title="Apify Dataset" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/apify_dataset" arrow="true" cta="查看指南" />

  <Card title="AssemblyAI Audio Transcript" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/assemblyai_audio_transcription" arrow="true" cta="查看指南" />

  <Card title="Azure Blob Storage Container" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/azure_blob_storage_container" arrow="true" cta="查看指南" />

  <Card title="Azure Blob Storage File" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/azure_blob_storage_file" arrow="true" cta="查看指南" />

  <Card title="Browserbase Loader" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/browserbase" arrow="true" cta="查看指南" />

  <Card title="College Confidential" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/college_confidential" arrow="true" cta="查看指南" />

  <Card title="Confluence" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/confluence" arrow="true" cta="查看指南" />

  <Card title="Couchbase" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/couchbase" arrow="true" cta="查看指南" />

  <Card title="Figma" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/figma" arrow="true" cta="查看指南" />

  <Card title="FireCrawl" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/firecrawl" arrow="true" cta="查看指南" />

  <Card title="GitBook" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/gitbook" arrow="true" cta="查看指南" />

  <Card title="GitHub" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/github" arrow="true" cta="查看指南" />

  <Card title="Google Cloud Storage" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/google_cloud_storage" arrow="true" cta="查看指南" />

  <Card title="Google Cloud SQL for PostgreSQL" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/google_cloudsql_pg" arrow="true" cta="查看指南" />

  <Card title="Hacker News" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/hn" arrow="true" cta="查看指南" />

  <Card title="IMSDB" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/imsdb" arrow="true" cta="查看指南" />

  <Card title="Jira" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/jira" arrow="true" cta="查看指南" />

  <Card title="LangSmith" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/langsmith" arrow="true" cta="查看指南" />

  <Card title="Notion API" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/notionapi" arrow="true" cta="查看指南" />

  <Card title="PDF files" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/pdf" arrow="true" cta="查看指南" />

  <Card title="RecursiveUrlLoader" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/recursive_url_loader" arrow="true" cta="查看指南" />

  <Card title="S3 File" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/s3" arrow="true" cta="查看指南" />

  <Card title="SearchApi Loader" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/searchapi" arrow="true" cta="查看指南" />

  <Card title="SerpApi Loader" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/serpapi" arrow="true" cta="查看指南" />

  <Card title="Sitemap Loader" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/sitemap" arrow="true" cta="查看指南" />

  <Card title="Soniox" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/soniox" arrow="true" cta="查看指南" />

  <Card title="Sonix Audio" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/sonix_audio_transcription" arrow="true" cta="查看指南" />

  <Card title="Blockchain Data" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/sort_xyz_blockchain" arrow="true" cta="查看指南" />

  <Card title="Spider" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/spider" arrow="true" cta="查看指南" />

  <Card title="Taskade" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/taskade" arrow="true" cta="查看指南" />

  <Card title="Cheerio" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/web_cheerio" arrow="true" cta="查看指南" />

  <Card title="Puppeteer" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/web_puppeteer" arrow="true" cta="查看指南" />

  <Card title="YouTube transcripts" icon="link" href="/oss/javascript/integrations/document_loaders/web_loaders/youtube" arrow="true" cta="查看指南" />
</Columns>

<Info>
  如果您想贡献一个集成，请参阅[贡献集成](/oss/javascript/contributing#add-a-new-integration)。
</Info>

***

<div className="source-links">
  <Callout icon="edit">
    [Edit this page on GitHub](https://github.com/langchain-ai/docs/edit/main/src/i18n\zh-CN\oss\javascript\integrations\document_loaders\web_loaders\index.mdx) or [file an issue](https://github.com/langchain-ai/docs/issues/new/choose).
  </Callout>

  <Callout icon="terminal-2">
    [Connect these docs](/use-these-docs) to Claude, VSCode, and more via MCP for real-time answers.
  </Callout>
</div>