当前位置： 首页 > news >正文

企业微信网页开发本地调试方式

news 文章来源：https://blog.csdn.net/weixin_43180359/article/details/132597377 2025/5/19 16:39:23

一、开启企业微信调试模式

首先在企业微信打开一个网页应用时，其实就是打开了一个微信环境的浏览器，此时想要检查网页元素，查看请求接口，需要开启调试模式。企业微信默认是不支持调试的，需要再单独下载一个文件放在安装目录中。

企业微信Windows版本调试

  1. 把 devtools_resources.pak 放到企业微信的安装目录下（复制的文件名，要保证为 devtools_resources.pak），注意安装目录带有版本号（4.0.1304.400是浏览器内核的版本号）；

在这里插入图片描述

  1. 关闭企业微信，重新启动；
  2. 启动后直接按快捷键 ctrl + alt + shift + D，进入调试模式；
  3. 在需要调试的页面上点击右键，点“ShowDevTools”，进入调试模式。

企业微信Mac版本调试

  1. 按下command+shift+control+D进入调试模式
    在这里插入图片描述

  2. 调试->浏览器、webView相关->开启webView元素审查
    在这里插入图片描述

  3. 内置浏览器右键
    在这里插入图片描述

调试模式其实就是打开了浏览器的开发者工具，具体参考官方文档：

https://developer.work.weixin.qq.com/document/path/90315#%E5%AE%A2%E6%88%B7%E7%AB%AF%E8%B0%83%E8%AF%95

二、让本地代码跑在企业微信中

企业微信的网页应用在创建时，需要配置主页和可信域名，主页域名可以是http或者https，但不能是ip地址，可信域名不用带协议。此时我们希望点击网页应用时，打开的是本地服务，同时修改本地代码时，网页能实时更新。这时就需要使用修改host的方式，让本机访问应用域名时解析到本地服务。

Windows系统HOSTS文件路径：C:\Windows\System32\drivers\etc\HOSTS

Hosts文件主要作用是定义IP地址和主机名的映射关系，是一个映射IP地址和主机名的规定。可以用文本文件打开，当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址，一旦找到，浏览器会立即打开对应网页，如果没有找到，则浏览器会将网址提交远程的DNS服务器进行IP地址解析。

假如网页应用配置的主页是http://www.baidu.com，本机启动的服务在192.168.1.16，此时在HOSTS文件末尾加上一条规则：

192.168.1.16 www.baidu.com

**注意：**域名必须是http，本地服务必须在80端口，因为http默认端口是80

此时再点击网页应用，就可以发现打开的是本地网页。过程中尝试本地服务启动在443，网页应用首页配置为https，但因为证书问题，就算通过某些工具生成了ssl证书，在通过https访问时还会提示是不安全的证书，被企业微信禁止访问。

因为证书问题，就算通过某些工具生成了ssl证书，在通过https访问时还会提示是不安全的证书，被企业微信禁止访问。

相关文章：

企业微信网页开发本地调试方式

一、开启企业微信调试模式 首先在企业微信打开一个网页应用时，其实就是打开了一个微信环境的浏览器，此时想要检查网页元素，查看请求接口，需要开启调试模式。企业微信默认是不支持调试的，需要再单独下载一个文件放在安…...

编程日记 2023/8/31 11:50:43

Prompt GPT推荐社区

大家好，我是荷逸，这次给大家带来的是我日常学习Prompt社区推荐 Snack Prompt 访问地址：http://snackprompt.com Snack Prompt是一个采用的Prompts诱导填空式的社区，它提供了一种简单的prompt修改方式，你只需要输入关…...

编程日记 2023/8/31 11:49:40

小程序隐私保护授权处理方式之弹窗组件

欢迎点击关注-前端面试进阶指南：前端登顶之巅-最全面的前端知识点梳理总结 *分享一个使用比较久的🪜 小程序隐私保护授权弹窗组件 调用wx.getUserProfile进行授权时，返回错误信息：{errMsg: “getUserProfile:fail api scope is…...

编程日记 2023/8/31 11:48:39

Java 复习笔记 - 方法篇

文章目录 一，方法的定义二，最简单的方法定义和调用三，带参数的方法定义和调用四，带返回值方法的定义和调用五，小结六，方法的重载七，方法简单练习1，数组遍历2，数组最大值3…...

编程日记 2023/8/31 11:47:38

大数据到底是好是坏？_光点科技

近年来，随着科技的不断发展和互联网的普及，大数据已经成为一个备受关注的话题。它带来了许多机遇和挑战，引发了人们对于其是好是坏的争议。大数据究竟是一把双刃剑，需要我们从多个角度来审视。 大数据的好处无疑是显而易见的。首先…...

编程日记 2023/8/31 11:46:36

C++ while 循环

只要给定的条件为真，while 循环语句会重复执行一个目标语句。 语法 C 中 while 循环的语法： while(condition) {statement(s); }在这里，statement(s) 可以是一个单独的语句，也可以是几个语句组成的代码块。condition 可以是任意…...

编程日记 2023/8/31 11:45:34

orm_sqlalchemy总结

sqlalchemy使用总结 1 sqlalchemy ORM基础操作 官方文档：https://docs.sqlalchemy.org/en/13/orm/tutorial.html 创建连接 - 创建基类 - 创建实体类 - 创建表 - 创建session import logging import pymysql from pymysql.cursors import DictCursor import sqla…...

编程日记 2023/8/31 11:44:27

CTFhub-文件上传-MIME绕过

用哥斯拉生成 php 木马文件 1.php 抓包---> 修改 conten-type 类型 为 imge/jpeg 用蚁剑连接 ctfhub{8e6af8109ca15932bad4747a}...

编程日记 2023/8/31 11:43:26

【校招VIP】前端校招考点之UDP

考点介绍： UDP是非面向连接协议，使用udp协议通讯并不需要建立连接，它只负责把数据尽可能发送出去，并不可靠，在接收端，UDP把每个消息断放入队列中，接收端程序从队列中读取数据。 『前端校招考点…...

编程日记 2023/8/31 11:42:25

C++设计模式_02_面向对象设计原则

文章目录 1. 面向对象设计，为什么？2. 重新认识面向对象3. 面向对象设计原则3.1 依赖倒置原则(DIP)3.2 开放封闭原则(OCP )3.3 单一职责原则( SRP )3.4 Liskov 替换原则 ( LSP )3.5 接口隔离原则 ( ISP )3.6 优先使用对象组合，而不是类继承3.7…...

编程日记 2023/8/31 11:41:22

springcloud-gateway简述

Spring Cloud Gateway 是一个用于构建 API 网关的项目&#xff0c;它是 Spring Cloud 生态系统中的一部分&#xff0c;旨在为微服务架构提供动态路由、负载均衡、安全性和监控等功能。 网关工程对应pom文件 <?xml version"1.0" encoding"UTF-8"?>…...

编程日记 2023/8/31 11:40:21

【大虾送书第七期】深入浅出SSD：固态存储核心技术、原理与实战

目录 ✨写在前面 ✨内容简介 ✨作者简介 ✨名人推荐 ✨文末福利 &#x1f990;博客主页&#xff1a;大虾好吃吗的博客 &#x1f990;专栏地址&#xff1a;免费送书活动专栏地址 写在前面 近年来国家大力支持半导体行业&#xff0c;鼓励自主创新&#xff0c;中国SSD技术和产业…...

编程日记 2023/8/31 11:39:19

常见矿石材质鉴定VR实训模拟操作平台提高学员的学习效果和实践能力

随着“元宇宙”概念的不断发展&#xff0c;在矿山领域中&#xff0c;长期存在传统培训内容不够丰富、教学方式单一、资源消耗大等缺点&#xff0c;无法适应当前矿山企业发展需求的长期难题。元宇宙企业借助VR虚拟现实、web3d开发和计算机技术构建的一个虚拟世界&#xff0c;为用…...

编程日记 2023/8/31 11:38:18

Verilog 学习路线

参考知乎 首先得学习数电和 Verilog 基础。 常问的 Verilog 基础 二分频是怎么写的 阻塞和非阻塞及其应用 写一个100MHz的时钟 Reg 和 wire 的区别 Logic 和 wire 的区别&#xff0c;两者可以转换吗 用你最擅长的语言找出1-100的质数 一个最简单的八位加法器应该怎么验…...

编程日记 2023/8/31 11:37:17

前端三剑客中简单的两个：HTMLCSS

HTML&CSS 1&#xff0c;HTML1.1 介绍1.2 快速入门1.3 基础标签1.3.1 标题标签1.3.2 hr标签1.3.3 字体标签 1.4 图片、音频、视频标签1.5 超链接标签1.6 列表标签1.7 表格标签1.8 布局标签1.9 表单标签1.9.1 表单标签概述1.9.2 form标签属性1.9.3 代码演示 1.10 表单项标签 …...

编程日记 2023/8/31 11:36:17

Java实现根据关键词搜索当当商品列表数据方法，当当API接口申请指南

要通过当当网的API获取商品列表数据&#xff0c;您可以使用当当开放平台提供的接口来实现。以下是一种使用Java编程语言实现的示例&#xff0c;展示如何通过当当开放平台API获取商品列表&#xff1a; 首先&#xff0c;确保您已注册成为当当开放平台的开发者&#xff0c;并创建…...

编程日记 2023/8/31 11:35:13

【HBZ分享】TCP可靠性传输如何保证的？

ACK机制 ACK机制是发送方与接收方的一个相互确认客户端向服务端发送连接请求&#xff0c;此时服务端要回馈给客户端ACK&#xff0c;以表示服务端接到了客户端请求&#xff0c;这是第一和的第二次握手客户端接收到服务端响应后&#xff0c;同样也要回馈服务端的响应&#xff0c…...

编程日记 2023/8/31 11:34:13

AI聊天机器人平台Poe发布更新；自然语言理解课程概要

&#x1f989; AI新闻 &#x1f680; AI聊天机器人平台Poe发布更新 突破功能限制 增加企业级服务 摘要&#xff1a;知名问答网站Quora旗下的AI聊天机器人平台Poe发布了一系列更新&#xff0c;包括推出Mac应用、支持同时进行多个对话、接入Meta的Llama 2模型等功能。用户只需支…...

编程日记 2023/8/31 11:32:10

电脑视频编辑软件前十名 电脑视频编辑器怎么剪辑视频

对于大多数创作者而言&#xff0c;视频后期工作基本都是在剪辑软件上进行的。一款适合自己的视频剪辑软件&#xff0c;能够节省出大量的时间和金钱成本&#xff0c;让剪辑师省钱又省心。那么有关电脑视频编辑软件前十名&#xff0c;电脑视频编辑器怎么剪辑视频的相关问题&#…...

编程日记 2023/8/31 11:31:09

Springboot整合AOP和注解实现日志记录——Java入职第十二天

前言 作为java开发工程师，日常curd工作少不了，特别是后台系统的操作，对于每一项操作我们都要记录，所以就得有操作日志，操作日志能够排除是开发的锅，是运营或者产品自己操作的。那么就有个问题，每次在业务处理最后，调用操作日志服务保存响应的日志，但是这段代码是很冗余…...

编程日记 2023/8/31 11:30:08

shell脚本监控ip和端口的运行状态并触发邮件告警

ping端口shell代码 ping不通发邮件通知 直到ping通再次发送成功邮件 #!/bin/bash Datedate -d "today" "%Y-%m-%dT%H-%M-%S" #echo "根据当前时间创建日志文件" mkdir -p /log/Ping/ping_server touch /log/Ping/${Date}_ping_server.log ip_li…...

编程日记 2023/8/31 11:29:07

二三维电子沙盘数字沙盘虚拟现实开发教程第14课

二三维电子沙盘数字沙盘开发教程第14课 很久没有写了&#xff0c;主要前段时间在针对怎么显示高精度的 倾斜数据而努力&#xff0c;现在终于实现了效果不错。以前的版本显示倾斜数据控制不太好。 对了。目前系统暂只支持smart3d生成的kml格式的数据&#xff0c;由专有的录入程…...

编程日记 2023/8/31 11:28:06

如何五分钟设计制作自己的蛋糕店小程序

在现如今的互联网时代&#xff0c;小程序已成为企业推广和销售的重要利器。对于蛋糕店来说&#xff0c;搭建一个小程序可以为其带来更多的品牌曝光和销售渠道。下面&#xff0c;我们将以乔拓云平台为例&#xff0c;来教你如何从零开始搭建自己的蛋糕店小程序。 首先&#xff0c…...

编程日记 2023/8/31 11:27:05

（笔记二）利用opencv调用鼠标事件在图像上绘制图形

目录 &#xff08;1&#xff09;查看cv2所支持的鼠标事件&#xff08;2&#xff09;通过鼠标事件在图像上做标记&#xff08;3&#xff09;高级操作&#xff1a;通过移动鼠标在图像绘制图形、曲线 该功能主要创建一个鼠标事件发生时执行的回调函数。鼠标事件可以是任何与鼠标有…...

编程日记 2023/8/31 11:26:03

FreeSWITCH 1.10.10 简单图形化界面4 - 腾讯云NAT设置

FreeSWITCH 1.10.10 简单图形化界面4 - 腾讯云NAT设置 0、 界面预览1、 查看IP地址2、 修改协议配置3、 开放腾讯云防火墙4、 设置ACL5、 设置协议中ACL&#xff0c;让PBX匹配内外网6、 重新加载SIP模块7、 查看状态8、 测试一下 0、 界面预览 http://myfs.f3322.net:8020/ 用…...

编程日记 2023/8/31 11:25:01

Debezium系列之：Debezium Server Offset编辑器

Debezium系列之：Debezium Server Offset编辑器 一、认识Offset编辑器二、Offset编辑器目录结构三、Offset编辑器系统环境要求四、pom.xml五、Main.java六、CommandLineInterface.java七、OffsetFileController.java八、OffsetEditorApp.java九、编译项目十、启动Offset编辑器一…...

编程日记 2023/8/31 11:23:59

缓存穿透、缓存击穿、缓存雪崩

一、概念介绍 缓存穿透&#xff1a; 定义&#xff1a;缓存穿透指的是请求查询缓存和数据库中都不存在的数据&#xff0c;从而导致每次请求都直接访问数据库。 原因&#xff1a;通常是由于恶意请求、非法输入或系统漏洞导致的。攻击者故意提交无效的查询&#xff0c;绕过缓存直…...

编程日记 2023/8/31 11:22:57

1978-2022年全国整体GDP平减指数计算模板（可任意调整基期）

1978-2022年全国整体GDP平减指数计算模板&#xff08;可任意调整基期&#xff09; 1、时间区间&#xff1a;1978-2022年 2、指标&#xff1a;名义GDP、实际GDP、GDP平减指数 3、中国GDP平减指数计算公式可以给定基期&#xff0c;自动计算平减指数&#xff0c;可根据需要任意…...

编程日记 2023/8/31 11:21:55

sklearn 笔记： neighbors.BallTree

球树结构 1 基本使用方法 sklearn.neighbors.BallTree(X, leaf_size40, metricminkowski, **kwargs) 2 主要参数说明 X 输入数据&#xff0c;维度为 (n_samples, n_features) n_samples 是数据集中点的数量n_features 是参数空间的维数leaf_size 点数少于多少时&#xff0c…...

编程日记 2023/8/31 11:20:54

【java】【已解决】IDEA启动报错：Lombok Requires Annotation Processing

解决办法&#xff1a; 1、根据异常提示操作&#xff1a; 直接点击错误提示后面的蓝色标识【Enable】&#xff08;小编点完了所以变灰色&#xff09;&#xff0c;此操作等价于下面的步骤&#xff1a; 【File】-->【Settings】-->【Build】-->【Compiler】-->【Ann…...

编程日记 2023/8/31 11:19:53