微信小程序调出多窗口

最新推荐文章于 2025-11-14 15:29:38 发布

原创

最新推荐文章于 2025-11-14 15:29:38 发布 · 8.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序多窗口 #微信开发 #小程序

本文介绍了如何在微信小程序开发过程中调出多窗口进行调试。通过在index.wxml中添加特定代码，点击链接可以触发多窗口显示。尽管这仅限于开发工具中的模拟功能，实际微信应用中并无法实现。

在微信官方给出的文档中，小程序是可以调出多窗口的：
这里写图片描述

这样就不用每次都去修改app.json来将现在调试的页面放在首位。
但是笔者找了好久，差点儿吐了，原来是需要一个跳转的链接才能调出多窗口。
比如在inde.wxml文件中添加如下代码：

<!--index.wxml-->
<view class="container">
  <view  bindtap="bindViewTap" class="userinfo">
    <image class="userinfo-avatar" src=

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

陈田田

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

如何为微信小程序添加授权登录和用户权限功能

m0_75244442的博客

07-03

594

微信小程序的授权登录和用户权限功能是非常重要的一部分，它可以帮助开发者实现用户身份认证、个性化设置和数据保护等功能。开发者可以根据实际需求，结合小程序的开发文档和API文档，来实现更加丰富的授权登录和用户权限功能。以上代码会首先判断用户是否已经授权，如果未授权，则弹出授权窗口，用户确认后，授权成功。为了提高用户使用体验，可以在小程序页面中添加弹窗提示用户进行授权。在用户登录成功后，可以将登录状态保存在本地缓存中。在小程序中，可以使用条件判断来控制用户权限。以上代码会根据用户的身份来判断用户权限。

微信小程序开发引入RUM，实现小程序监控

漂泊小柒的专栏

08-01

1539

微信小程序开发，RUM，小程序监控

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

1 条评论

liuxmoo 2018.09.03
哇塞，这个是啥呀？

（二）运行微信小程序：单页面和多页面

qq_38250687的博客

05-09

4900

微信小程序第二篇

微信小程序自定义菜单tabbar后初次进入小程序会出现两个tabbar

czp555的博客

02-14

9224

微信小程序自定义tabbar后，初次进去小程序会出现aap.json中配置的tabbar同时也会出现自定义的tabbar,当关闭小程序在此进入就好了只显示自定义tabbar 解决办法就是在小程序初次进去的首页中，第一次进入，必须在最后页面ready的情况下调用hideTabBar()才有效，这样才能隐藏。而在onShow那里也调用，当用户从首页进入其他页面，再次回到当前页面是需要调用on...

微信小程序开发基础详解：从入门到实践

最新发布

luguocaoyuan的博客

11-14

1271

本文系统介绍微信小程序开发入门指南，涵盖开发环境搭建、核心架构、代码实战及进阶技巧。详细说明注册账号、安装工具、创建项目的流程，解析双线程架构和四大配置文件，通过待办事项案例演示页面开发。提供组件化、云开发等进阶方法，并解答常见问题，最后推荐学习资源。帮助开发者快速掌握小程序开发全流程，适合零基础到进阶学习者参考。

小程序将两个按钮并排放置在底部

种麦南山下的博客

04-22

8738

<view class="s_view"> <button class="saveBtn" >保存草稿</button> <button class="submitBtn" type="primary">提交</button> </view> 样式： .saveBtn { width: 50% !important; float:left; font-weight: 100; ...

微信小程序 后台播放，多页面播放

PrimaryColor

08-14

1047

在app.json中添加如下代码 "requiredBackgroundModes": ["audio", "location"]

vscode 微信开发者工具打开一个窗口覆盖另外一个窗口

pwl124的博客

11-03

476

vscode 微信开发者工具打开一个窗口覆盖另外一个窗口

微信小程序授权登录组件的封装

撑戌圆爱痒生

08-14

1462

微信小程序授权登录组件的封装新建components文件写wxml文件wxss部分js部分json引用页面使用页面js授权登录流程如下: 因为多个页面功能需要登录状态所以做了个组件方便调用组件的封装新建components文件与pages文件同级创建一个components文件夹在components文件下创建一个组件文件然后在文件下新建component 写wxml文件 component文件结构与页面一样都包括以下以下是一个授权登录的弹窗这个弹窗内容都是活的也可以修改下做别的弹窗

微信小程序为什么点击会连续跳转两个页面(来看看我怎么解决的吧)

青衫折扇的博客

03-30

3628

首先我们先来了解一下知识点: DOM模型是一个树形结构，在DOM模型中，HTML元素是有层次的。当一个HTML元素上产生一个事件时，该事件会在DOM树中元素节点与根节点之间按特定的顺序传播，路径所经过的节点都会收到该事件，这个传播过程就是DOM事件流。 JS冒泡事件：当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的（所有祖先元素）中被触发。这一过程被称为事...

微信web开发者工具同时打开两个小程序项目

weixin_34162228的博客

10-07

5418

在写小程序时，想要一边参考别人的Demo一边做，但是微信web开发者工具无法同时开两个实例，怎么办？单个软件实例来回切换打开的项目太麻烦，一种办法是同时下载【微信web开发者工具】和【微信web开发者工具 Beta】，即正式版和测试版两个工具。测试版下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/beta.html ...

微信小程序 TCP,IP长连接 (源码)

05-30

微信小程序--实现多个按钮toggle功能

03-29

如下图所示，实现该按钮toggle功能。百度上很多都是只设置一个按钮的toggle，所以我现在来稍微总结下：多个按钮如何实现自身的toggle功能。原理：1，列表展示的时候，我们会用wx:for 来循环数据，那么我们就会得到相 ... 如下图所示，实现该按钮toggle功能。百度上很多都是只设置一个按钮的toggle，所以我现在来稍微总结下：多个按钮如何实现自身的toggle功能。原理：1，列表展示的时候，我们会用wx:for 来循环数据，那么我们就会得到相应的当前的第几个数据（即 wx:key="index"） 2.在每一个数据里面添加一个toggle的属性，togg

微信小程序开发者工具怎么样开多个窗口

weixin_30352645的博客

11-18

1728

我想一个开官方DEMO 一个开自己的项目有方法吗，网上百度了，下了几款软件都不行，还被捆绑的软件恶心得不行，有什么好的解决办法吗、没有，建议打开个sublimit看demo代码吧原文来自http://bbs.larkapp.com/ 转载于:https://www.cnblogs.com/youli222/p/6077127.html...

2022/03/31 微信开发者工具打开多个项目

Nighsloth的博客

03-31

3263

–背景：有时微信小程序同时开发两个项目，或者需要一个当作demo参考，不用小程序工具打开不方便操作看效果 –微信开发者工具版本 –操作 –最终效果可打开多个小程序项目

Windows微信双开,三开,多开小程序!start C:\“Program Files (x86)“\Tencent\WeChat\WeChat.exe

热门推荐

Lang_Ren_g的博客

08-18

3万+

嗨!各位亲爱的小伙伴们我回来啦! 现在很多人都在用电脑版的微信，不过正常情况下，电脑版微信只能打开一个，但是对于一些有特殊需求的用户来说，可能要同时登陆两个或者更多的微信账号，下面下边就来教大家电脑版微信多开方法，只需要借助系统cmd命令即可实现方式一: cmd 首先你需要找到你的电脑版微信安装目录，方法如下：右键点击桌面上“电脑版微信”的图标，然后选择“属性”，在弹出的窗口中点击“快捷方式”，找到下方的“打开文件所在位置”；此时你的电脑版微信安装目录就打开了此时你需要记住二个信息：安装盘、

微信小程序 app.json 里面窗口配置的解释

qq_39188241的博客

06-03

374

"window": { //导航条的背景颜色 "navigationBarBackgroundColor": "#219bf4", // 设置文本的颜色只有black 和 withe "navigationBarTextStyle": "black", //设置文本的内容 "navigationBarTitleText": "Hello world", //设置窗口的背景色 "backgroundColor": "#f0f", //设置.

小程序 多个 veb-view返回返回了两个页面_微信小程序学习心得 - 忒扎心

weixin_39828198的博客

10-23

348

我们写小程序时都要跳转页面的，也会有底部导航来进行切换这个时候就要介绍下窗口是怎样配置的要在文件里写一个tabBer对象里面在定义一个list数组里面放我们定义的几个需要切换的页面如下最多list里面可以定义6个对象在微信小程序里我们创建文件挺简单的如下图比如说就在上面图片的最下面直接写pages/文件名/文件名然后保存就行了这样文件夹就创建成功了然后我再说下小程序的文件类型...

微信小程序解决同个页面两个scroll-view独立滚动的问题

weixin_44347851的博客

07-16

3029

微信小程序中，如果我们把窗口分为左右两个scroll-view，比如做商品列表，一般设置后会出现两个scroll-view窗口同时滚动的问题。其实这个问题很好解决，只要定义scrollview的高度就行了，不过写法必须是这样的。...

burp抓包windows微信小程序

02-07

### 使用Burp Suite在Windows上对微信小程序进行抓包 #### 设置代理服务器为了使Burp Suite能够截获并分析通过网络传输的数据，需先配置好代理服务器。点击进入Burp的`Proxy`选项卡下的`Options`子项，在这里可以看到监听接口和端口，默认情况下会是127.0.0.1:8080[^1]。 #### 添加代理规则以捕获特定应用流量前往`Proxy`->`HTTP history`旁边的`Intercept`标签页来开启拦截模式；随后切换至`Proxy`中的`Proxy listeners`部分，确保已勾选允许循环回送连接（Loopback connections）。接着转到`Proxy`->`Options`里的`Add`按钮创建新的上游代理规则，指定目标为PC版微信的小程序进程名`WeChatAppEx.exe`，并将此条目设为仅限该应用程序使用自定义代理设置[^2]。 #### 修改系统Internet选项以便全局生效按下组合键`Win+R`调出运行对话框，输入指令`inetcpl.cpl`访问Internet属性窗口。在此界面内选择“连接”分类下的局域网(LAN)参数，编辑代理服务器配置，填入之前设定好的Burp侦听地址与端口号(如http=127.0.0.1:8080)[^3]。完成上述步骤后启动微信客户端加载所需的小程序页面，此时所有经由这些组件产生的HTTPS请求都将经过Burp Suite处理，从而可以在软件界面上查看详细的通信细节了。 ```python # Python示例代码用于展示如何自动化某些过程，但这不是必需的操作。 import os def setup_system_proxy(): command = "inetcpl.cpl" os.system(command) setup_system_proxy() ```