下载安装Microsoft Edge Webview2教程

下载安装Microsoft Edge Webview2教程

视频教程

Windows 10/11系统

Webview2安装——win10/11


Windows 7系统

Webview2安装——Win7


图文教程

官网下载最新版Webview2安装包

点击下载安装

官网地址:Microsoft Edge WebView2 | Microsoft Edge Developer

  1. 进入官网,点击下载按钮

2. 点击左侧常青引导程序下载按钮


3. 在弹出的页面点击接受并下载,右上角下载管理页面在下载完成后有文件弹出


4. 在游览器下载管理页面直接点击打开文件进行软件的安装


5. 软件安装中,安装完成后无需手动点击自动弹出消失。


graph TD A[安装码尚云标签] --> B{判断安装情况} B -->|Yes| C[打开软件进行标签设计] B -->|No| D{安装微软后台服务} C --> E[打印标签] D --> |NO| F[安装Edge webview2] D --> |No| G[安装net framework4.8] F --> A G --> A 

安装报错处理

原因:电脑的C盘存储容量不够2G,webview无法正常安装或更新到C盘对应目录下。

解决:打开电脑C盘,将不用的内容文件删除,清空C盘缓存。 解决方案链接


原因:当前电脑已经安装过本程序(webview2)所以不在允许安装

解决:直接重新双击打开软件的安装程序,进入安装步骤,如果仍然提示【安装XXX软件的系统组件时发生错误...未能安装组件Edge WebView runtime...】等相关内容,请点击查看获取权限教程根据说明操作后,再次安装webview2,安装成功后再次安装软件。


原因:当前电脑操作的账号没有C盘目录下Microsoft权限

解决:

①将C:\Program Files (x86)\Microsoft的文件夹重命名为其他不重复内容,例如:【Microsoft1】 ②请点击查看获取权限教程根据说明操作后,再次双击安装webview2

程序无法安装可能不仅仅是Microsoft Edge Webview2 Runtime的问题,防火墙.NET Framework操作系统都可能是原因,遇到问题请及时联系求助。

Read more

使用rclone将远程的webDav文件共享映射成本地硬盘

#webdav #rclone 一、准备工作 1.1 准备webdav连接 支持webdav的网盘有好多,请自行准备。我做示范的是国外的一个免费网盘,地址是https://infini-cloud.net/en/index.html, 先注册一个账号,就有20GB的免费空间可用。 收到验证邮件,输入验证码或者点击验证链接,注册成功后进入My Page。 免费的20GB空间大小,如果你在主页下方输入我送你的优惠码 L3UV8,你还将多获得5GB的空间 设置允许webDav访问,记住你的密码,如果忘记了,可以Reissue. 记录下以下三个信息(密码只显示一次) WebDAV Connection URLConnection IDApps Password 尝试一下webdav登录,可以正常访问 1.2 下载Rclone和WINFSP 我本机是Win11,我以windows版本为实例,其他操作系统请自行参考查找相关资料。 下载地址: https://rclone.org/downloads/

浏览器 XPath 深度解析:为什么 90% 的前端高手都在用它?

浏览器 XPath 深度解析:为什么 90% 的前端高手都在用它?

浏览器 XPath 深度解析:为什么 90% 的前端高手都在用它? 你是否遇到过这些崩溃时刻:动态 ID 每次刷新都变、元素藏得比忍者还深、CSS 选择器写到怀疑人生?XPath 可能就是你的救命稻草。 文章目录 * 浏览器 XPath 深度解析:为什么 90% 的前端高手都在用它? * 一、什么是 XPath?为什么它能成为元素定位的"瑞士军刀"? * 1.1 XPath 的本质定义 * 1.2 XPath vs CSS 选择器:谁才是你的真命天子? * 二、为什么必须用 XPath?这些场景让你"不得不服" * 2.1 场景一:

Flutter Web 开发:解决跨域(CORS)问题的终极指南

Flutter Web 开发:解决跨域(CORS)问题的终极指南

Flutter Web 开发:解决跨域(CORS)问题的终极指南 在 Flutter Web 开发过程中,默认情况下浏览器会遵循同源策略。当你的应用尝试加载不同域名的网络资源(如 API 接口、图片等)时,经常会遇到 CORS(跨域资源共享) 错误,导致请求失败。 虽然生产环境应由后端配置 CORS 头来解决,但在本地开发和调试阶段,我们可以通过修改 Flutter 工具链源码来临时禁用浏览器的安全策略,从而顺利调试。 以下是详细的操作步骤: 🛠️ 操作步骤 第一步:定位 chrome.dart 文件 首先,你需要找到 Flutter SDK 中负责启动 Chrome 浏览器的配置文件 chrome.dart。 参考路径(请根据你的实际安装路径调整): <你的

前端实现交互式3D人体肌肉解剖图:基于 Three.js + React Three Fiber 的完整方案

本文将详细介绍如何在前端实现一个交互式的3D人体肌肉解剖展示工具,用户可以旋转、缩放模型,点击任意肌肉查看中英文名称。 为什么要做这个? 传统的肌肉解剖学习通常依赖静态图片或昂贵的3D软件。作为健身爱好者,我希望能有一个免费、易用的在线工具来学习肌肉解剖知识。于是我决定自己动手,基于开源的 Z-Anatomy 项目,在浏览器中实现一个交互式的3D肌肉解剖图。 如果你想先体验效果,可以试试这个在线的3D肌肉功能解剖工具。 技术架构概览 ┌─────────────────────────────────────────────────────────────┐ │ 用户浏览器 │ ├─────────────────────────────────────────────────────────────┤ │ ┌─────────────┐ ┌─────────────┐ ┌─────────────────┐ │ │ │ GLB 模型 │ -> │ Three.js │ -> │ React Three │ │ │ │ (Draco) │ │ 场景渲染 │ │ Fiber