php怎么调试小程序,教你如何配置微信小程序

这篇文章主要介绍了微信小程序 教程之小程序配置的相关资料,这里对app.json,pages,window等做了详细介绍,对于初学开发微信小程序的朋友,掌握这些还是比较重要的,需要的朋友可以参考下

微信小程序——配置

以下就是小编对小程序配置的资料进行的系统的整理,希望能对开发者有帮助。

我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

以下是一个包含了所有配置选项的简单配置app.json :{

"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

}

app.json 配置项列表属性类型必填描述pagesArray是设置页面路径

windowObject否设置默认页面的窗口表现

tabBarObject否设置底部 tab 的表现

networkTimeoutObject否设置网络超时时间

debugBoolean否设置是否开启 debug 模式

pages

接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息,数组的第一项代表小程序的初始页面。小程序中新增/减少页面,都需要对 pages 数组进行修改。

文件名不需要写文件后缀,因为框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。

如开发目录为:pages/

pages/index/index.wxml

pages/index/index.js

pages/index/index.wxss

pages/logs/logs.wxml

pages/logs/logs.js

app.js

app.json

app.wxss

则,我们需要在 app.json 中写{

"pages":[

"pages/index/index"

"pages/logs/logs"

]

}

window

用于设置小程序的状态栏、导航条、标题、窗口背景色。属性类型默认值描述navigationBarBackgroundColorHexColor#000000导航栏背景颜色,如"#000000"

navigationBarTextStyleStringwhite导航栏标题颜色,仅支持 black/white

navigationBarTitleTextString导航栏标题文字内容

backgroundColorHexColor#ffffff窗口的背景色

backgroundTextStyleStringdark下拉背景字体、loading 图的样式,仅支持 dark/light

注:HexColor(十六进制颜色值),如"#ff00ff"

如 app.json :{

"window":{

"navigationBarBackgroundColor": "#ffffff",

"navigationBarTextStyle": "black",

"navigationBarTitleText": "微信接口功能演示",

"backgroundColor": "#eeeeee",

"backgroundTextStyle": "light"

}

}

9acb649f3d66b026dc5de5a26540b180.png

tabBar

如果我们的小程序是一个多 tab 应用(客户端窗口的底部有tab栏可以切换页面),那么我们可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

tabBar 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。

属性说明:属性类型必填默认值描述colorHexColor是tab 上的文字默认颜色

selectedColorHexColor是tab 上的文字选中时的颜色

backgroundColorHexColor是tab 的背景色

borderStyleString否blacktabbar上边框的颜色, 仅支持 black/white

listArray是tab 的列表,详见 list 属性说明,最少2个、最多5个 tab

其中 list 接受一个数组,数组中的每个项都是一个对象,其属性值如下:属性类型必填说明pagePathString是页面路径,必须在 pages 中先定义

textString是tab 上按钮文字

iconPathString是图片路径,icon 大小限制为40kb

selectedIconPathString是选中时的图片路径,icon 大小限制为40kb

3ea237d1cd18768abdbec83b3695b62c.png

networkTimeout

可以设置各种网络请求的超时时间。

属性说明:属性类型必填说明requestNumber否wx.request的超时时间,单位毫秒

connectSocketNumber否wx.connectSocket的超时时间,单位毫秒

uploadFileNumber否wx.uploadFile的超时时间,单位毫秒

downloadFileNumber否wx.downloadFile的超时时间,单位毫秒

debug

可以在开发者工具中开启 debug 模式,在开发者工具的控制台面板,调试信息以 info 的形式给出,其信息有Page的注册,页面路由,数据更新,事件触发。 可以帮助开发者快速定位一些常见的问题。

page.json

每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。 页面的配置比app.json全局配置简单得多,只是设置 app.json 中的 window 配置项的内容,页面中配置项会覆盖 app.json 的 window 中相同的配置项。

页面的.json只能设置 window 相关的配置项,以决定本页面的窗口表现,所以无需写 window 这个键,如:{

"navigationBarBackgroundColor": "#ffffff",

"navigationBarTextStyle": "black",

"navigationBarTitleText": "微信接口功能演示",

"backgroundColor": "#eeeeee",

"backgroundTextStyle": "light"

}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/432889.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

openssl-1.0.1e for arm

1.官网下载最新版本openssl-1.0.1e 2. ./config no-asmshared--prefix 说明:no-asm 在交叉编译过程中不使用汇编代码代码加速编译过程。 shared 生成动态链接库。 --prefix 指定生成lib include bin目录的路径,不修改此项则默认为OPENSSLDIR目录。…

如何查看及修改Oracle的字符编码

1.方式一 select userenv(language) from dual; 2.方式二 用SYSDBA用户登录,执行如下SQL SELECT value$FROM sys.props$WHERE name ‘NLS_CHARACTERSET’ 或者: SELECT * FROM NLS_DATABASE_PARAMETERS 结果格式如下:NLS_CHARACTERSET UTF8 …

php中的控制器是什么意思,理解PHP中的MVC编程之控制器_php

简单来讲,控制器的作用就是接受请求。它使用获取的方法,在这里是通过URI,载入一个功能模块来刷新或者提交一个表述层。控制器将使用$_GET自动全局变量来判断载入哪一个模块。一个请求的例子,看起来像这样:http://examp…

softwave

hg apt-get install mercurial texinfo apt-get install texinfo svn apt-get install subversion mkpasswd apt-get install whois boost apt-get install libboost-dev boost yum install boost boost-devel boost-doc

我的20132014

默默的关注博客园已经小半年了,看着大神们分享的各种精彩文章,总是幻想着自己也能写出高质量的博文,可是自己只是一个刚工作小半年的菜鸟程序员,还达不到那样的高度。所以只能围观了。现在,作为2014年新的开始&#xf…

mysql php教程,MySQL PHP语法

MySQL PHP语法MySQL 可应用于多种语言,包括 PERL, C, C, JAVA 和 PHP。 在这些语言中,Mysql在PHP的web开发中是应用最广泛。在本教程中我们大部分实例都采用了PHP语言。如果你想了解Mysql在PHP中的应用,可以访问我们的 PHP中使用Mysql介绍。P…

linux C 获取日期时间

原文 http://blog.csdn.net/zhu244912654/article/details/8610219概述 世界标准时间( Coordinated Universal Time , UTC ),也就是大家所熟知的格林威治标准时间( Greenwich Mean Time , GMT &#xff09…

GitHub---最简单的使用

大神就不要喷我了,写这个只是希望新人能够对自己写的项目更方便的本地管理。(其实我也只会这点东西w) 这两天稍微看了看GitHub,之前不是很明白这个版本控制器到底是什么意思,现在略微有了解,这是对项目代码…

php apache配置测试端口,详解安装配置Windows版apache服务器及压力测试

下载Apache1、下载地址:http://httpd.apache.org/download.cgi2、点击链接Files for Microsoft Windows:安装步骤1、先安装apache补丁1)下载地址:https://www.microsoft.com/zh-cn/download/confirmation.aspx?id481452)如果没有安装&#x…

Linux下boost库的安装

最近由于编译一个程序用到了C的boost库,所以便安装了这个库。但是,其中遇到了一些小问题。所以记录下来,以供别人参考。首先说一下我的环境:Ubuntu 12.04 32bit, gcc 4.6.3其实在ubuntu下,可以用一下命令直接安装sudo…

No projects are found to import

当导入项目报 No projects are found to import 时, 说明缺失一个.project[.classpath]文件,到别的项目中拷贝一份 然后再次导入会报 Some projects cannot be imported because they already exist in the workspace 那是因为你没有改文件中的name值,打开文件 修改name属性为你…

php 时间错误,PHP xdebug调试trace记录时间错误

调试生成的trace文件如下,(trace里的文件记录的时间是UTC)TRACE START [2018-01-12 02:39:46]0.0024 363464 0 -> calc_money(double, double) D:\wamp64\www\shakedown\index.php:100.0026 363464 >> 53.50.0027 363464 0 -> xdebug_stop_trace() D:\w…

ASCII,Unicode和UTF-8

1. ASCII码 我们知道,在计算机内部,所有的信息最终都表示为一个二进制的字符串。每一个二进制位(bit)有0和1两种状态,因此八个二进制位就可以组合出256种状态,这被称为一个字节(byte&#xff09…

Android 使用SeekBar调节系统音量

以下是一个使用SeekBar来调节系统音量的实例&#xff1a; 1、XML&#xff1a; <SeekBar android:id"id/sound" android:layout_width"150px" android:layout_height"10px" android:max"100" //设置拖动条最大值 android:p…

matlab可达矩阵 结果,matlab求可达矩阵

matlab中可达矩阵的计算 2页 1下载券 邻接矩阵的可达矩阵及层... 2页 2下载券 邻接矩阵的一种计算方法 7页 免费 ISM算法(邻接矩阵求可达... 暂无......JAVA矩阵算法代码 4页 2下载券 可达矩阵新算法 2页 2下载券 基于ISM模型用matlab软件... 10页 2下载券 图邻接矩阵相关算法实…

muduo for v210

目标&#xff1a;将muduo移植到v210上面 内核版本&#xff1a;2.6.35.7 1. 修改最上层的CMakeLists.txt 1) 在CXX_FLAGS里&#xff0c;加上-DVALGRIND&#xff0c;这样SocketsOps.cc就不会报错了。 2) 在CXX_FLAGS里&#xff0c;修改-marchnative为-marcharmv4 3) set(CMAKE_…

Com组件介绍

COM组件简介面向对象的思想难以适应这种分布式软件模型&#xff0c;于是组件化程序设计思想得到了迅速的发展。 按照组件化的程序设计的思想&#xff0c;复杂的应用程序被设计成一些小的&#xff0c;功能单一的组件模块&#xff0c;这些组件模块可以运行在同一台机器上&#xf…

matlab中solve和resolve,resolve和solve的区别

solve和resolve的区别在于&#xff1a;首先solve一般用于解决难题。如solve a problem, solve a riddle, solve an algebra problem。而resolve 是用在解决矛盾&#xff0c;或者是解决大难题&#xff0c;较显示问题的严重性。如resolve a conflict。其他有关slove的词dissolve&…

v210 启动脚本分析

1. 一般嵌入式linux系统的init进程会首先读取/etc/inittab文件&#xff0c;这里记录了系统在不阶段需要运行的程序与脚本文件。 其中v210的此文件里有这么一句 ::sysinit:/etc/init.d/rcS 也就是说在系统启动阶段要运行rcS文件。 2. 现在看rcS文件 for i in /etc/init.d/S??*…

hdu 2940

简单的大数乘法&#xff0c;直接改16进制~~ #include <cstdio> #include <cstdlib> #include <cmath> #include <cstring> #include <algorithm> #define maxn 3010 #define INF 0x7fffffff #define ull unsigned long long using namespace std…