下载安装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

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

前端文件上传方案:别再只用input type=file了

前端文件上传方案:别再只用input type=file了

前端文件上传方案:别再只用input type=file了 毒舌时刻 这代码写得跟网红滤镜似的——仅供参考。 各位前端同行,咱们今天聊聊前端文件上传。别告诉我你还在用原生的input上传大文件,那感觉就像在用小水管灌满游泳池——慢得让人绝望。 为什么你需要文件上传方案 最近看到一个项目,上传100MB的文件直接卡死浏览器,没有任何进度提示,我差点当场去世。我就想问:你是在做上传还是在做浏览器杀手? 反面教材 <!-- 反面教材:原生文件上传 --> <input type="file" onchange="uploadFile(this.files[0])" /> <script> function uploadFile(file) { const formData = new FormData(

微信 H5 缓存控制:后端重定向 & 前端强制刷新

在 Web 开发中,缓存是一把双刃剑。对于静态资源,它能极大提升加载速度;但对于业务逻辑频繁变动的 H5 页面(如支付、订单页),缓存往往会导致用户看到过期的数据或界面。最近在维护一个 uni-app 项目时,遇到了一段关于 H5 缓存控制的逻辑,引发了我对于“后端重定向加时间戳”和“前端 JS 加时间戳”这两种方案的思考。虽然两者的最终目的一致,但在 Hash 模式下,它们的实现原理和效果有着本质的区别。 一、 问题背景 在应用启动的生命周期中,通常会有这样一段逻辑:当用户访问特定的关键页面(如支付、订单页)时,如果当前 URL 中缺少时间戳参数,前端会自动解析 URL,追加当前时间戳,并强制页面刷新。 这就引出了一个问题:为什么不直接在后端重定向时加时间戳?这两种方式有什么区别? 二、 核心区别: