小程序-解决体验版只能打开调试工具才能加载数据（请求接口）问题

小程序开发完成后生成了体验版权，但数据一直加载不出来，解决方法：

1）打开微信开发者工具，查看是否开启（勾选）了“不校验合法域名、web-view（业务域名）、TLS版本以及>

最核心的一个概念 :

小程序 的webview(H5页面)中调用jssdk中的功能(比如获取位置信息),需要有一个和小程序申请主体一致的 公众号 账号,在公众号里去配置相关的jssdk信息

1 小程序账号

因为webview不支持个人类型,所以需要申请一个企业法人及个体工商户类型的小程序账号

2   公众号账号

要求小程序和公众号的账号对应的主体信息必须一致,有两种途径达到此目的:

先申请公众号账号,然后通过公众号的快速生成小程序功能,生成步骤1的小程序账号,这样这两个自然满足同主体资格

登录微信公众号平台，点击小程序管理-添加-快速注册并认证小程序:

用和申请小程序账号完全一致的主体信息去申请公众号(主体类型,主体名称,主体证件号),也能保证两个账号的主体资格一致(目前没有小程序快速生成公众号账号的功能)

3 域名绑定

这里需要两个账号都配置一下:

业务域名

首先webview指向一个外部网页链接(我们的H5页面)

<web-view src=">

一般情况下，微信小程序管理员可以使用小程序开发者工具对程序进行调试，但是需要满足一定的条件，比如小程序必须注册完成并能正常运行，小程序必须处于运行开发状态，才可以正常进行调试。另外，还要注意小程序必须按照必要的备案流程，否则无法调试。

1、菜单栏：工具-环境选项。

2、找到“浏览Debug变量”，在“查看鼠标指向的变量”前面选中。

然后点击下方的确定。

以上完成了设置！

使用方法：

开始调试以后，把鼠标划过右边红色圈定的那里就可以查询某个变量当前的值。

显示位置在左边绿色那里。

1、确认小程序代码是否有语法错误；

2、检查小程序页面是否使用了模板，并确认模板代码是否正确；

3、检查小程序页面是否正确调用接口数据；

4、检查小程序使用的第三方库和脚本是否正常；

5、检查小程序使用的素材是否有格式错误；

6、检查小程序代码是否有冗余代码；

7、检查小程序的调试是否正确，并关闭 debug 模式；

8、检查小程序内容是否有违反抖音小程序审核要求的内容；

9、检查小程序使用的插件是否正常。

微信小程序——配置 以下就是小编对小程序配置的资料进行的系统的整理，希望能对开发者有帮助。 我们使用appjson文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 以下是一个包含了所有配置选项的简单配置appjson ： { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "Demo" }, "tabBar": { "list": [{ "pagePath": "pages/index/index", "text": "首页" }, { "pagePath": "pages/logs/logs", "text": "日志" }] }, "networkTimeout": { "request": 10000, "downloadFile": 10000 }, "debug": true } appjson 配置项列表 属性 类型 必填 描述 pages Array 是 设置页面路径 window Object 否 设置默认页面的窗口表现 tabBar Object 否 设置底部 tab 的表现 networkTimeout Object 否 设置网络超时时间 debug Boolean 否 设置是否开启 debug 模式 pages 接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。每一项代表对应页面的路径+文件名信息，数组的第一项代表小程序的初始页面。小程序中新增/减少页面，都需要对 pages 数组进行修改。 文件名不需要写文件后缀，因为框架会自动去寻找路径json,js,wxml,wxss的四个文件进行整合。 如开发目录为： pages/ pages/index/indexwxml pages/index/indexjs pages/index/indexwxss pages/logs/logswxml pages/logs/logsjs appjs appjson appwxss 则，我们需要在 appjson 中写 { "pages":[ "pages/index/index" "pages/logs/logs" ] } window 用于设置小程序的状态栏、导航条、标题、窗口背景色。 属性 类型 默认值 描述 navigationBarBackgroundColor HexColor #000000 导航栏背景颜色，如"#000000" navigationBarTextStyle String white 导航栏标题颜色，仅支持 black/white navigationBarTitleText String 导航栏标题文字内容 backgroundColor HexColor #ffffff 窗口的背景色 backgroundTextStyle String dark 下拉背景字体、loading 图的样式，仅支持 dark/light 注：HexColor（十六进制颜色值），如"#ff00ff" 如 appjson ： { "window":{ "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "微信接口功能演示", "backgroundColor": "#eeeeee", "backgroundTextStyle": "light" } } tabBar 如果我们的小程序是一个多 tab 应用（客户端窗口的底部有tab栏可以切换页面），那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。 tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。 属性说明： 属性 类型 必填 默认值 描述 color HexColor 是 tab 上的文字默认颜色 selectedColor HexColor 是 tab 上的文字选中时的颜色 backgroundColor HexColor 是 tab 的背景色 borderStyle String 否 black tabbar上边框的颜色， 仅支持 black/white list Array 是 tab 的列表，详见 list 属性说明，最少2个、最多5个 tab 其中 list 接受一个数组，数组中的每个项都是一个对象，其属性值如下： 属性 类型 必填 说明 pagePath String 是 页面路径，必须在 pages 中先定义 text String 是 tab 上按钮文字 iconPath String 是 路径，icon 大小限制为40kb selectedIconPath String 是 选中时的路径，icon 大小限制为40kb networkTimeout 可以设置各种网络请求的超时时间。 属性说明： 属性 类型 必填 说明 request Number 否 wxrequest的超时时间，单位毫秒 connectSocket Number 否 wxconnectSocket的超时时间，单位毫秒 uploadFile Number 否 wxuploadFile的超时时间，单位毫秒 downloadFile Number 否 wxdownloadFile的超时时间，单位毫秒 debug 可以在开发者工具中开启 debug 模式，在开发者工具的控制台面板，调试信息以 info 的形式给出，其信息有Page的注册，页面路由，数据更新，事件触发 。 可以帮助开发者快速定位一些常见的问题。 pagejson 每一个小程序页面也可以使用json文件来对本页面的窗口表现进行配置。 页面的配置比appjson全局配置简单得多，只是设置 appjson 中的 window 配置项的内容，页面中配置项会覆盖 appjson 的 window 中相同的配置项。 页面的json只能设置 window 相关的配置项，以决定本页面的窗口表现，所以无需写 window 这个键，如： { "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "微信接口功能演示", "backgroundColor": "#eeeeee", "backgroundTextStyle": "light" } 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

以上就是关于小程序-解决体验版只能打开调试工具才能加载数据（请求接口）问题全部的内容，包括:小程序-解决体验版只能打开调试工具才能加载数据（请求接口）问题、小程序直接打开内嵌h5界面进行调试问题、小程序webview(H5)调用JSSDK功能指北等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！