收集级别！教你将微信小程序迁移到QQ浏览器|发展

在微信之后，QQ，小程序也可以在QQ浏览器上使用。 12月5日，QQ浏览器小程序宣布实施开放至微信小程序。 QQ浏览器Android版现在在线小程序。在搜索场景中，小程序嵌入在QQ浏览器“Search Direct”中作为直接内容承载。用户在搜索框中输入关键字后，将在关键字智能推荐列表中推荐相关的小程序，并直接显示相关内容。墨水天气，腾讯翻译君等小程序已经成功入驻。另外，QQ浏览器小程序与微信小程序兼容，据说“只需三步”开发人员就可以完成自适应工作并将微信小程序移植到QQ浏览器中。

知识程序也首先经历了整个适应过程，然后我们将逐一解释细节和关注点。值得一提的是，腾讯官方将 QQ 浏览器（QQ Browser）小程序称为 QB 小程序，我听说这个名字一定有一种美妙的感觉。安装并注册QB 小程序调试工具在你正式上手调试前，我们需要提醒以下三点注意事项：

目前开发人员工具仅支持Android;

用户可以看到小程序的官方名称，图标和配置文件，填写完成后无法修改它，因此填写时要小心;

qbDebugKey对设备是唯一的，每个手机都会生成一个qbDebugKey。

目前，QB 小程序的调试页面和介绍页面仍然非常简单，并且没有相关的PC端开发工具，因此开发人员仍需要在微信开发工具上完成小程序开发，然后适应QB 小程序。1. 使用微信扫描二维码进入 QB 小程序调试页面。

扫描QR码后，页面可能会提示“调试内核版本太旧”。您需要按照提示在标识页上的QR代码中按下并下载最新版本的调试内核。安装完成后，重新扫描QR码进入。2. 进入调试页面后，需先完成「注册」。在注册页面中：

packageName是小程序的唯一标识符，一旦注册为手机软件开发

工作时，packageName将在后台绑定到qbDebugKey，只有当前设备可以在注册后使用此packageName登录，如果需要将此packageName绑定到其他开发设备，则可以在登录后添加它。

开发人员昵称是qbDebugKey的别名，方便开发人员管理开发设备。

用户可以看到小程序的官方名称，图标和描述，注册完成后暂时不提供修改方法，请注意。

同时，你需要将qbDebugKey添加到微信小程序的app.json配置文件里，如下所示：{'window': {'navigationBarBackgroundColor':'＃FFF'，'navigationBarTitleText':'知晓课堂'，'navigationBarTextStyle':' black'，'qbDebugKey': ['495f18a64485eeac5e78ccbxxx'，'7e2f29d50e78411b3915128exxx']}，}注意：只有在app.json里配置过测试机生成的qbDebugKey，测试机才能使用QQ浏览器小程序调试工具调试该小程序。一台手机对应一个qbDebugKey.3。如果你完成了注册或已有其他开发者为你添加了开发权限，输入对应小程序  并点击「登录」按钮进入进入开发者管理后台页面。在此页面中，你可以点击“开发者权限管理”添加其它开发设备，需要输入待添加设备的qbDebugKey和昵称，添加成功后，新设备就可以使用该的packageName进行登录了。

XX 安装和调试版QQ浏览器点击“汇海 QB打开小程序”按钮，如果你没有下载QQ浏览器的调试版，这一步将下载QQ浏览器的调试版。如果手机中没有安装QQ浏览器或安装版本不正确，系统会提示您先下载调试QQ浏览器。再次单击该按钮开始下载和安装。安装完成后，返回页面并单击汇海按钮，将QQ浏览器汇海调出小程序进行调试。

调试兼容性完成上述两个步骤后，我们需要调试兼容性，直到小程序可以运行。以下是QB 小程序和微信小程序之间的主要区别：

QB 小程序的登录状态不能与微信小程序互操作，并且没有unionId的概念

QB 小程序不支持自定义导航栏颜色

QB 小程序 canvas不支持measureText，这意味着无法在画布上进行文本换行

QB 小程序不支持下拉刷新

QB 小程序的intersectionObserver无法使用

QB 小程序不支持模板消息

QB 小程序不支持打开跳转到其他小程序

不支持微信强相关的API

这里主要适应参考QB 小程序的自适应文件，在「知晓程序」微信后台回复「QB」即可获取 QB 小程序的相关开发文档。提交预览，在QQ浏览器打开后处理兼容性问题，可以在QQ浏览器中预览小程序。 1.首先单击QB 小程序调试工具中的“微信扫描代码”按钮，扫描微信开发人员工具中预览生成的QR代码。此时，它将在微信环境中输入小程序，首先单击右上角的点退出小程序。返回QB 小程序调试工具。

2.然后单击“汇海 QB Open 小程序”按钮。安装QQ浏览器的调试版后，会自动跳转到QQ浏览器小程序环境，进入后会看到效果。

▲在QQ浏览器中预览效果3.预览后没问题，可以上传体验版，输入版本号，上传成功后会有网址，将此网址复制到QQ浏览器打开小程序。

4.关于分享问题。 QQ浏览器小程序可以共享微信圈的朋友，微信好友，QQ好友，QQ空间和微信小程序分享不同的是，QQ 浏览器小程序分享是创建一张分享海报，其中有QQ浏览器小程序二维码，长按Android手机自动打开小程序。

提交评审后，在线试用版测试没有问题，点击QB 小程序调试工具中的“软件包状态管理”，输入提交软件包的历史列表，然后单击要审核的版本以进行提交评审。

批准通过后，可以在线发布。