240 lines
18 KiB
Markdown
Executable File
240 lines
18 KiB
Markdown
Executable File
---
|
||
title: 扩展无限可能：Obsidian Web Viewer插件解析
|
||
source: https://blog.csdn.net/weixin_42984235/article/details/145407998
|
||
author:
|
||
- "[[weixin_42984235]]"
|
||
published: 2025-01-31
|
||
created: 2025-08-09
|
||
description: 文章浏览阅读5.6k次，点赞17次，收藏20次。随着 Obsidian 1.8.3 正式版的发布，备受期待的官方核心插件——Web Viewer 也终于上线。本文将从插件启用、设置以及应用场景三个方面详细介绍如何使用这一新功能，和大家一起更好地利用 Obsidian 进行内容管理和知识整理。_web viewer
|
||
tags:
|
||
- clippings
|
||
updated: 2025-09-22T13:27
|
||
---
|
||
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 微信扫码关注或搜索公众号名称
|
||
|
||
复制公众号名称 |