企业微信内置浏览器打开调试模式，企业微信进入debug模式。

蜻蜓队长2001

已于 2023-12-18 10:01:03 修改

阅读量6.7k

点赞数 11

文章标签：企业微信

于 2023-12-15 09:36:52 首次发布

本文链接：https://blog.csdn.net/qq_56892518/article/details/135008868

版权

本文讲述了如何在Vue项目中，在企业微信内置浏览器环境下开启调试模式，包括使用快捷键`Ctrl+Alt+Shift+D`进入基础调试界面，以及通过打开网页后右键点击显示DevTools进行详细浏览器调试的方法。

摘要由CSDN通过智能技术生成

前几天有个vue项目在企业微信内置浏览器端运行的时候出了一些异常，但是在企业内置浏览器不像谷歌这类浏览器一样能够直接打开开发者模式去调试，这样的话非常不利于前端去调试排查，根据官方文档，企业微信进入debug模式框架是 Ctrl + Alt + Shift + D，以下是简单的教程。

一 : 在企业微信里面按住快捷键 Ctrl + Alt + Shift + D

这个如果提示一个调试模式已开启，就证明已经成功进入了调试模式。

这个时候我们点击一下左上角的头像，最下面会出现一个debug选项，但我这里面没有浏览器调试的相关内容。

二 : 打开内置浏览器调试模式

接下来我们任意打开一个网页，在网页上右键点击一下，会出现一个小弹窗，点击里面的ShowDevTools就可以进入浏览器调试啦。

这样我们就可以像在浏览器一样去调试啦！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蜻蜓队长2001

关注关注

11
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

实现微信内置浏览器分享功能（前期准备+VUE前端部分代码+调试+坑记录）

weixin_46161103的博客

03-29

2172

经过我个人的测试是从链接进入网址后分享出来还是网址，从卡片进入后二次分享则是卡片，如果是外包浏览器卡片在维系浏览器二次分享也是卡片效果。这里划重点：针对ios需要存储首次进入页面的时的地址作为参数传给后端（否则后续IOS端分享将会失效），安卓则不需要特殊处理，可以在每个页面都调用一下location.href.split(‘#’)[0]。IOS：每次切换路由，SPA的url是不会改变，发起签名请求的url参数必须是当前页面的url(就是第一次进入页面时的url)4、获取当前页面的地址传给后端生成配置信息。

企业微信JS-SDK调试工具

11-17

企业微信在其客户端内置了一个浏览器,企业微信指定的url只能在企业微信内部打开,否则会显示打开错误的提示; 原理就是让企业微信内置浏览器的agent头跟其他浏览器不一样,而这个文件就是调试工具,相当于给开发者提供了一个调试入口,可以想谷歌等浏览器的F12一样

参与评论您还未登录，请先登录后发表或查看评论

Windows系统下企业微信应用调试：一站式配置教程

最新发布

技术随笔

08-16

488

如何配置企业微信调试工具

调试那些事儿之PC端微信内置浏览器

weixin_48726650的博客

07-18

6923

一、前言为什么要调试 PC 端微信内置浏览器呢？个人觉得原因可能如下： 1、用户在电脑上的微信内置浏览器打开网页，遇到了问题，开发就需要去排查问题 2、查看公众号网页的代码比较难查看，也不方便调试，只是抓包很难分析 API 请求，况且现在我还不会使用抓包软件，暴露了 3、有些公众号需求强制在微信浏览器上打开二、快速上手第 1 步：查看微信内置浏览器版本新建一个 html 页面，写上下面的这些代码，将那个 html 文件上传到服务器上，然后在 PC 端上的微信浏览器访问，查看微信所调用的 Chro

企业微信小程序~开启线上真机调试模式

Gblfy_Blog

05-18

1378

微信开发者工具-企业微信小程序-预览-生成二维码-手机企业微信扫码-开启调试模式

企业微信端开启debug模式

yuanwen52的博客

01-04

8853

1、按快捷键 ctrl + alt + shift + D，进入调试模式 2、页面上点右键，Show Dev Tools,即可调试了

learn-企业微信开启调试模式

2301_76671906的博客

12-07

2219

企业微信开启调试模式，快捷键 ctrl+alt+shift+D进入调试模式，需要调试的页面点击右键，点击"ShowDevTools"，进入调试模式

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

weixin_43180359的博客

08-31

5931

企业微信网页应用开发中，怎么在客户端内调试和关联打开本地服务。

企业微信应用应用号内消息链接无法在企微内置浏览器打开 windows PC客户端问题解决

weixin_44670774的博客

06-04

1846

需求是每周在企微的应用号上发送周报，周报中会带着进入系统的链接，点击进入可以查看详情。系统需要登录鉴权，因此需要在内置浏览器打开便于自动认证。但是，在企微应用号发送的链接，手机上可以正常使用企微内置浏览器打开，PC端却会在系统默认浏览器打开，而不是企微内置浏览器打开，导致oauth认证失败。注意：企微群聊机器人发送的链接可以正常打开，无此类问题，该问题仅出现在企微应用号上。

企业微信（一）——企业微信PC端开启调试

Garnett_zk的博客

03-30

4984

至此，我们就算完成了。

移动设备浏览器、微信内置浏览器调试方法（亲测可行）

dengwei19861112的博客

08-02

1008

做移动设备前端开发的时候，比较头疼的问题是调试。特别是有些问题在pc上不出现，只出现在移动设备上。使用alert()? 个人觉得不方便而且有点low 1.weinre 附上链接http://people.apache.org/~pmuellr/weinre/ 搭建环境不算复杂，有点基础的人估计5分钟就能搭建好。调试界面在pc浏览器上，需要移动设备和PC在同一局域网...

微信内置浏览器调试工具

04-17

微信内置浏览器调试工具微信调试公众号调试微信浏览器调试

基于vue hash模式微信分享#号的解决

10-14

- `x5-video-player-type`：针对微信内置浏览器，可以设置为`h5`，避免自动全屏播放。 - `x5-video-player-fullscreen`：控制是否允许全屏播放，设置为`false`可禁用自动全屏。通过正确配置这些属性，可以在微信...

微信内置浏览器 用 JS 调用微信APP分享到微信朋友圈

热门推荐

kimizhou_blog的专栏

05-17

2万+

昨天开始搞分享到微信朋友圈，要求直接调用微信APP的分享到朋友圈。。。 1：首先你需要完成微信的六大前期准备工作，这也是最烦人的。请仔细阅读微信的APP文档：文档地址：https://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html 1.1 绑定域名这种东西，需要注册，

小游戏开发手机QQ 微信 浏览器 扫码 Debug 调试输出查看日志

小智队长

06-03

626

使用 cocos 或者是 Laya 这些小游戏引擎手机扫码调试的时候，我们习惯用 QQ 或者微信还有手机浏览器扫码，但是这样就看不到日志输出了，在手机上运行调试就不是很方便。如果你使用这些工具扫码调试，又想看到输出的话可以使用下面的方法。 1.找到bin目录下的index.html文件 2.在变迁中间添加如下代码 <body> <script type="text/javascript" src="index.js"></script>

CocosCreator H5 微信内置浏览器调起微信支付

nc_wei的博客

10-28

6552

CocosCreator H5 微信内置浏览器调起微信支付先来看看效果图微信公众平台相关文档传送门https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115下面来实现h5支付的功能（使用的CocosCreator）引用jssdk.js文件在构建的web-mobile/index.html中添加 <scrip

企业微信网页本地调试

XIEMIN2030的博客

07-15

461

例如：http://wecomsidebar.com:5173。文件中修改 host 配置，地址与应用中配置的地址保持一致。例如：127.0.0.1 wecomsidebar.com。，访问地址端口与本地访问端口保持一致。

前端开发处理企业微信浏览器时，开启企业微信浏览器调试模式的方法。

陈先生的博客

04-27

1971

windows:快捷键 ctrl + alt + shift + D，进入调试模式；mac:按下command+shift+control+D进入调试模式。点击右键，showDevTools 就可以进入调试模式了。

【微信】【Windows端】开启2024最新版微信内置浏览器Devtools调试窗口

kinghzking的专栏

03-08

1万+

我们只需要将页面拖拽出来，变成多个窗口，然后打开调试窗口就可以了。在上面的图片中，显示了一个窗口，该窗口有两个页面。当打开任意一个页面的调试窗口后，我们无法打开另一个。》，虽然能够正常使用，但是保不准啥时候腾讯关闭了这个通道就失效了。在微信中，任意地方打开一个网页（图示为订阅号页面中点开的）；菜单，即可打开调试窗口（导读中的那个Devtools图片）。关键字`xweb-enable-inspect`这个是搜了很多文章，一个个试出来的，就这个好用。针对微信，使用了很多技术，这里简单的说下。

企业微信内置浏览器 页面顶部有空白

06-09

企业微信内置浏览器页面顶部出现空白的问题，通常是由于以下原因导致的： 1. H5页面的viewport没有设置正确，导致页面不能自适应手机屏幕大小。 2. H5页面中使用了fixed定位的元素，但没有考虑到企业微信的顶部导航栏高度。 3. 企业微信内置浏览器自身的问题导致页面无法正确显示。解决方法： 1. 在页面head中设置viewport的meta标签，确保页面可以自适应手机屏幕大小。 ``` <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> ``` 2. 在使用fixed定位的元素中，考虑企业微信顶部导航栏的高度，并设置合适的top值。 3. 通过调整CSS样式，使页面在企业微信内置浏览器中正确显示。 ``` body { margin: 0; padding: 0; background-color: #fff; } /* 顶部空白处理 */ header { height: 45px; background-color: #0088fb; color: #fff; font-size: 16px; line-height: 45px; text-align: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } main { margin-top: 45px; /* 考虑到顶部导航栏的高度，设置主体内容的margin-top值 */ padding: 10px; font-size: 14px; line-height: 1.5; text-align: justify; } ``` 希望这些解决方法能够对你有所帮助！