2025-08-09 10:18:49 +08:00
---
2025-09-22 13:27:55 +08:00
title: 扩展无限可能: Obsidian Web Viewer插件解析
source: https://blog.csdn.net/weixin_42984235/article/details/145407998
2025-08-09 10:18:49 +08:00
author:
- "[[weixin_42984235]]"
published: 2025-01-31
created: 2025-08-09
2025-09-22 13:27:55 +08:00
description: 文章浏览阅读5.6k次, 点赞17次, 收藏20次。随着 Obsidian 1.8.3 正式版的发布, 备受期待的官方核心插件——Web Viewer 也终于上线。本文将从插件启用、设置以及应用场景三个方面详细介绍如何使用这一新功能,和大家一起更好地利用 Obsidian 进行内容管理和知识整理。_web viewer
2025-08-09 10:18:49 +08:00
tags:
2025-09-22 13:27:55 +08:00
- clippings
2025-09-22 20:01:41 +08:00
updated: 2025-09-22T13:27
2025-08-09 10:18:49 +08:00
---
AI 搜索
最新推荐文章于 2025-06-20 14:48:18 发布
原创 于 2025-01-31 21:08:48 发布 · 5.6k 阅读 · 20 ·
CC 4.0 BY-SA版权
版权声明:本文为博主原创文章,遵循 [CC 4.0 BY-SA ](http://creativecommons.org/licenses/by-sa/4.0/ ) 版权协议,转载请附上原文出处链接和本声明。
文章标签:
[#笔记 ](https://so.csdn.net/so/search/s.do?q=%E7%AC%94%E8%AE%B0&t=all&o=vip&s=&l=&f=&viparticle=&from_tracking_code=tag_word&from_code=app_blog_art ) [#经验分享 ](https://so.csdn.net/so/search/s.do?q=%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB&t=all&o=vip&s=&l=&f=&viparticle=&from_tracking_code=tag_word&from_code=app_blog_art )
随着 Obsidian 1.8.3 正式版的发布, 备受期待的官方核心插件——Web Viewer 也终于上线。本文将从插件启用、设置以及应用场景三个方面详细介绍如何使用这一新功能,和大家一起更好地利用 Obsidian 进行内容管理和知识整理。
### 插件启用
Web Viewer作为官方核心插件, 在更新到1.8.3版本后,用户可以直接在核心插件列表中找到并开启它。启用之后,在新 [标签页 ](https://so.csdn.net/so/search?q=%E6%A0%87%E7%AD%BE%E9%A1%B5&spm=1001.2101.3001.7020 ) 会出现一个“Open Web Viewer”的按钮, 点击该按钮并输入网址即可开始浏览网页。
### 插件设置
点击插件设置

image.png
具体包括:
- 是否打开 [超链接 ](https://so.csdn.net/so/search?q=%E8%B6%85%E9%93%BE%E6%8E%A5&spm=1001.2101.3001.7020 ) ,默认为是。
- 主页, 设置打开web viewer 的主页
- 保存文章 [文件夹 ](https://so.csdn.net/so/search?q=%E6%96%87%E4%BB%B6%E5%A4%B9&spm=1001.2101.3001.7020 ) ,设置剪藏的默认文件夹
- 搜索引擎
- 是否开启广告拦截
- 广告拦截规则
- 广告拦截频率
- 清除浏览器缓存
### 应用场景
根据实际体验,主要场景有 4个方面, 简洁浏览器、沉浸式阅读、快速剪藏、功能拓展。
#### 简洁浏览器
最基础的功能就是在 Obsidian 中多了一个浏览器的场景,默认点击超链接就打开了,非常简洁,相当于没有插件的浏览器,对于写笔记的时候预览链接很方便。
#### 沉浸式阅读
==插件有一个沉浸式阅读的按钮,点击网址右边的👓图标,就可以进入沉浸式阅读。这样我们可以将一些常用的咨询类网站,收藏起来,然后使用沉浸式阅读,就会将网页转为 obsidian 的语法模式和笔记样式。==

使用web viewer

沉浸式阅读
#### 快速剪藏
Obsidian 此前出的 web clipper 插件已经相当优秀,在 web viewer 使用沉浸式阅读后,点击三个竖点,点击 save to vault 就可以将文章以 Markdown 格式保存在之前设置好的文件夹中。
#### 功能拓展
借助浏览器网页强大的生态, 减少资源占用, 比如我们直接使用滴答清单网页版管理待办清单、flomo 网页版管理闪念笔记、打开微信读书网页版阅读,可以将这些工具很好的整合起来。
### 小结
Web Viewer 插件的推出无疑是Obsidian发展历程中的一个重要里程碑, 它不仅显著扩展了这款知识管理工具的应用范围, 还极大地提升了用户的使用体验。通过集成网页浏览功能, 用户现在能够更加流畅地在笔记和外部资源之间切换, 无需离开Obsidian即可访问互联网上的丰富信息。这不仅提高了工作效率, 也为内容输入与输出提供了更多的便利。
### BY
纯个人经验,如有帮助,请收藏点赞,如需转载,请注明出处。
微信公众号:环境猫 er
CSDN: 细节处有神明
个人博客: https://maoyu92.github.io/
[obsidian 官方网页剪藏插件 obsidian web Clipper-CSDN博客 ](https://blog.csdn.net/weixin_42984235/article/details/143391591 "obsidian 官方网页剪藏插件 obsidian web Clipper-CSDN博客" )
[obsidian excalidraw 重大更新 可绘制思维导图\_obsidian 思维导图-CSDN博客 ](https://blog.csdn.net/weixin_42984235/article/details/141856692 "obsidian excalidraw 重大更新 可绘制思维导图_obsidian 思维导图-CSDN博客" )
[Obsidian与Anki联动: 高效管理个性化学习卡组\_obsidian anki-CSDN博客 ](https://blog.csdn.net/weixin_42984235/article/details/141425274 "Obsidian与Anki联动: 高效管理个性化学习卡组_obsidian anki-CSDN博客" )
[obsidian 首页制作 辅助笔记总结回顾\_obsidian主页-CSDN博客 ](https://blog.csdn.net/weixin_42984235/article/details/140711023 "obsidian 首页制作 辅助笔记总结回顾_obsidian主页-CSDN博客" )
[obsidian中用check list 打造待办清单\_obsidian checklist-CSDN博客 ](https://blog.csdn.net/weixin_42984235/article/details/139883361 "obsidian中用check list 打造待办清单_obsidian checklist-CSDN博客" )
微信公众号
[*Obsidian* *插件* 推荐 ](https://blog.csdn.net/ytusdc/article/details/137927874 )
[
热门推荐
](https://blog.csdn.net/ytusdc/article/details/137927874)
[ytusdc的博客 ](https://blog.csdn.net/ytusdc )
04-18 1万+[作为 *笔记* 软件, *obsidian* 有很多强大的 *插件* 。本文根据不同功能分成几类进行介绍。大多数 *插件* 都是即安装即用,一些简单的使用方法也会附带在后面。本文介绍的主要是我正在用或者用过的 *插件* ,后续会根据使用情况持续更新。 ](https://blog.csdn.net/ytusdc/article/details/137927874 )
2 条评论
[459# ](https://blog.csdn.net/weixin_45997103 ) 热评
可惜还不能添加Web viewer的插件, 如果可以的话, 就能在写作中彻底抛弃在OB和浏览器中来回切换的痛点了
写评论[【Apryse *Web* *Viewer* 实战】界面汉化、水印管理与批注用户设置全攻略\_df... ](https://blog.csdn.net/QIU176161650/article/details/148157523 )
8-8[Apryse *Web* *Viewer* 提供了多种方式来管理批注的用户信息,包括设置内部用户 ID 和映射友好的显示名称。 1.1 设置当前批注用户 (Annotation User) 在初始化 *Web* *Viewer* 时,您可以通过 annotationUser 选项来指定当前用户的 ID。这个 ID 将作为所有新创建批注的 Author 属性。 *Web* *Viewer* ({ 1 2 3了解本专栏 订阅专栏... ](https://blog.csdn.net/QIU176161650/article/details/148157523 )[【亲测免费】 *Web* *Viewer* UI安装与配置指南 ](https://blog.csdn.net/gitblog_00802/article/details/147037882 )
8-7[1\. 项目基础介绍 *Web* *Viewer* UI 是基于 React构建的一个用户界面,它能够与 *Web* *Viewer* 核心库无缝集成,用于查看、注释和操作 PDF 文档。这个项目为开发者提供了丰富的定制功能,使得开发者可以根据需要自定义界面和逻辑,甚至从头构建自己的用户界面。 主要编程语言*:*JavaScript和SCSS。 2. 项目使用的关键技术和框架 React... ](https://blog.csdn.net/gitblog_00802/article/details/147037882 )[*obsidian* 手动添加 *插件* ](https://blog.csdn.net/MK_DZ/article/details/145497828 )
[虚弱肥宅在线码字 ](https://blog.csdn.net/MK_DZ )
02-07 1804[手动添加 *插件* ](https://blog.csdn.net/MK_DZ/article/details/145497828 )[使用 *obsidian* - *web* page-export *插件* ,将 *Obsidian* 中的 *笔记* 导出为网页 ](https://stormsha.blog.csdn.net/article/details/140829011 )
[专注于全栈开发领域 ](https://blog.csdn.net/sxc1414749109 )
07-31 3200[通过自定义模板,可以更好地控制网页的外观和功能。模板文件通常是 HTML 文件,您可以在其中添加 CSS 和 JavaScript 代码,以实现自定义样式和交互效果。例如,您可以添加一个导航栏,以便在不同 *笔记* 之间快速切换。 ](https://stormsha.blog.csdn.net/article/details/140829011 )[*Web* *Viewer* UI 使用教程 ](https://blog.csdn.net/gitblog_00009/article/details/147038024 )
8-5[*Web* *Viewer* UI 是基于React构建的一个用户界面,它位于 *Web* *Viewer* 之上,后者是一个强大的基于 JavaScript 的 PDF 库,是 Apryse PDF SDK 的一部分。 *Web* *Viewer* UI 提供了一个即插即用的响应式界面,可以与核心库互动,用于查看、注释和操作 PDF 文件,这些文件可以被嵌入到任何 *Web* 项目中。此仓库专为有兴趣进行高级... ](https://blog.csdn.net/gitblog_00009/article/details/147038024 )[操作教程|在PowerPoint中插入可交互的DataEase仪表板\_ *web* *viewer*... ](https://blog.csdn.net/FIT2CLOUD/article/details/137600642 )
7-21[一、安装 *Web* *Viewer* *插件* 打开PowerPoint,新建空白演示文稿,打开“开发工具”菜单,点击功能区中的“加载项”按钮,如图1所示。 ▲图1 PowerPoint中“加载项”按钮的位置 点击“加载项”按钮后,会出现“Office 加载项”的弹出窗口,该弹出窗口默认显示“我的加载项”选项卡,需要在窗口左上角切换至“应用商店”选项卡。 ](https://blog.csdn.net/FIT2CLOUD/article/details/137600642 )[*Obsidian* ——一款强大的 *笔记* 软件快速入门 ](https://blog.csdn.net/2302_76230165/article/details/148792193 )
[
最新发布
](https://blog.csdn.net/2302_76230165/article/details/148792193)
[2302\_76230165的博客 ](https://blog.csdn.net/2302_76230165 )
06-20 2837[本文旨在帮助快速上手 *obsidian* ](https://blog.csdn.net/2302_76230165/article/details/148792193 )[\[转贴\] * web * 开发的浏览器(工具) * 插件 * ](https://blog.csdn.net/qdzx2008/article/details/644012)
[qdzx2008的专栏 ](https://blog.csdn.net/qdzx2008 )
03-30 2038[1、PowerBand PowerBand是一个IE的 *插件* (同时也支持MyIE2/Maxthon)。提供了对HTML动态分析, 跟踪, 编辑的功能。能够方便快捷的分析HTML页面的结构, 有助于网页设计人员/网站开发人员调试, 分析晦涩的HTML代码。这是我最早使用的HTML开发辅助工具, 现在是2.1版了, 支持ASP.NET ViewState的解码, 支持DebugView, 类似于VC中的Watch ](https://blog.csdn.net/qdzx2008/article/details/644012 )[安装 *Web* View2 失败\_无法安装 *web* view2 没有它此应用无法运行 ](https://blog.csdn.net/qq_62338562/article/details/139062729 )
8-5[*Web* *Viewer* 下载地址*:*xMicrosoft Edge *Web* View2 | Microsoft Edge Developer 中间的是独立版本,第三个是捆绑edge的。 我在下载后安装时提示*:*安装失败。已为系统安装 Microsoft Edge *Web* View2Runtime. 查找问题发现是注册表没删 ](https://blog.csdn.net/qq_62338562/article/details/139062729 )[【亲测免费】 DICOM *Web* *Viewer* 项目推荐 ](https://blog.csdn.net/gitblog_01198/article/details/143529746 )
7-18[【亲测免费】 DICOM *Web* *Viewer* 项目推荐 DICOM *Web* *Viewer* 项目推荐 1. 项目基础介绍和主要编程语言 DICOM *Web* *Viewer* (简称DWV)是一个开源的零足迹医学图像查看器库。该项目主要使用JavaScript和HTML5技术构建,能够在任何支持现代浏览器的平台上运行,包括 *笔记* 本电脑、平板电脑、手机甚至现代电视。DWV的核心目标是提供... ](https://blog.csdn.net/gitblog_01198/article/details/143529746 )[*obsidian* - *web* -browser: 在 *Obsidian* 中使用标签页浏览网页 ](https://blog.csdn.net/gitblog_01036/article/details/148374358 )
[gitblog\_01036的博客 ](https://blog.csdn.net/gitblog_01036 )
06-02 339[*obsidian* - *web* -browser: 在 *Obsidian* 中使用标签页浏览网页 项目介绍 *Obsidian* *Web* Browser 是一款功能强大的 *Obsidian* *插件* ,它允许用户在 *Obsidian* 应用内直接浏览网页。通过集成 v1.0 标签页,这款 *插件* 为用户带来了无缝的浏览体验,使得资料获取、整理和阅读变得更加高效。 项目技术分析 *Obsidian* *Web* Browser 采用了先进的... ](https://blog.csdn.net/gitblog_01036/article/details/148374358 )[*obsidian* 官方网页剪藏 *插件* *obsidian* *web* Clipper ](https://blog.csdn.net/weixin_42984235/article/details/143391591 )
[细节处有神明的博客 ](https://blog.csdn.net/weixin_42984235 )
11-01 3947[*obsidian* *web* Clipper 一款 *obsidian* 官方网站剪藏软件,相当于印象 *笔记* 、语雀的工具的Clipper *插件* ,效果非常好,而且 *笔记* 都放在本地,排版、元数据直接获取,强烈的推广欲让我想让所有使用 *obsidian* 的用户知道。 ](https://blog.csdn.net/weixin_42984235/article/details/143391591 )[AI开发实战9- *Web* 浏览框(*Web* View)的定制2\_app inventor *web* 浏览框... ](https://blog.csdn.net/xjbclz/article/details/77620848 )
7-25[return true; } } return super.onKeyDown(keyCode, event); } 在 *Web* *Viewer*.java中增加两个静态函数,供Form.java调用*:* public static boolean isCanGoBack() { return *web* view.canGoBack(); } public static void goBack() { *web* view.goBack(); }... ](https://blog.csdn.net/xjbclz/article/details/77620848 )[微软Office *Web* *Viewer* 的使用 ](https://blog.csdn.net/weixin_44019553/article/details/125497013 )
7-31[微软Office *Web* *Viewer* 的使用 本文介绍如何使用Spring Boot开发接口,通过Java处理不同格式文件(Word、Excel和PDF)的下载,包括准备工作、Java接口实现及前端调用的步骤,并强调了设置正确Content-Type的重要性。 摘要生成于,由 DeepSeek-R1 满血版支持,前往体验 >... ](https://blog.csdn.net/weixin_44019553/article/details/125497013 )[*obsidian* *扩展* 推荐-剪藏一切网页 ](https://blog.csdn.net/weixin_43287494/article/details/143602470 )
[weixin\_43287494的博客 ](https://blog.csdn.net/weixin_43287494 )
11-07 896[替代理由:之前使用的一个 *扩展* 叫MardDownload, 实现功能类似, 都是将网页上的内容以md的形式下载, MarkDownload的弊端就是会将网页上的所有内容进行下载, 包括广告、推荐文章等等, 同时图片是以链接的形式保存, 不能直接看到, 还需要重新与原网页对应, 也不能直接将文章存入 *Obsidian* 中,对本人来说不太友好。支持多个浏览器,在 *扩展* 应用商店直接搜索 *插件* 名即可。 ](https://blog.csdn.net/weixin_43287494/article/details/143602470 )[【亲测免费】 *obsidian* -open-gate: 将网页嵌入 *Obsidian* ,实现一站式浏览与 *笔记* ](https://blog.csdn.net/gitblog_00146/article/details/146720876 )
[gitblog\_00146的博客 ](https://blog.csdn.net/gitblog_00146 )
03-30 520[*obsidian* -open-gate: 将网页嵌入 *Obsidian* ,实现一站式浏览与 *笔记* 项目介绍 在数字化时代,信息搜集和知识管理变得日益重要。 *Obsidian* Open Gate 是一款为 *Obsidian* *笔记* 软件设计的 *插件* ,它允许用户将任何网页嵌入到 *Obsidian* 中,实现无缝的浏览和 *笔记* 体验。无论您是在进行深入研究、学习还是简单的网上冲浪, *Obsidian* Open Gate 都能帮助... ](https://blog.csdn.net/gitblog_00146/article/details/146720876 )
评论 2
被折叠的 0 条评论 [为什么被折叠? ](https://blogdev.blog.csdn.net/article/details/122245662 )[到【灌水乐园】发言 ](https://bbs.csdn.net/forums/FreeZone )
添加红包
打赏作者
细节处有神明
你的鼓励将是我创作的最大动力
¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付: ¥1
获取中
扫码支付
您的余额不足,请更换扫码支付或 [充值 ](https://i.csdn.net/#/wallet/balance/recharge?utm_source=RewardVip )
打赏作者
实付 元
[使用余额支付 ](https://blog.csdn.net/weixin_42984235/article/details/ )
点击重新获取
扫码支付
钱包余额 0
抵扣说明:
1.余额是钱包充值的虚拟货币, 按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载, 可以购买VIP、付费专栏及课程。
[余额充值 ](https://i.csdn.net/#/wallet/balance/recharge )
举报
[AI 搜索 ](https://ai.csdn.net/?utm_source=cknow_pc_blog_right_hover ) [智能体 ](https://ai.csdn.net/cmd?utm_source=cknow_pc_blog_right_hover ) [AI 编程 ](https://ai.csdn.net/coding?utm_source=cknow_pc_blog_right_hover ) [AI 作业助手 ](https://ai.csdn.net/homework?utm_source=cknow_pc_blog_right_hover )
隐藏侧栏 
程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号, 行业资讯、技术分享精彩不断, 直播好礼送不停!
客服 返回顶部
微信公众号
 公众号名称: 环境猫er 微信扫码关注或搜索公众号名称
复制公众号名称