微信开发工具查看log_微信开发者工具 console.log - CSDN
  • 微信公众平台开发的一个重要作用, 就是把用户相关的行为转换成数据进行记录, 然后再根据这些数据进行分析, ...微信开发写入log日志视频教程在线观看 http://edu.csdn.net/course/detail/2586/4205

    微信公众平台开发的一个重要作用,

    就是把用户相关的行为转换成数据进行记录,

    然后再根据这些数据进行分析,

    制定公司的计划和决策。


    6xierizhi.jpg


    在这一节课中,

    告诉你怎么把重要的数据写入到你的WEB服务器中…

    微信开发写入log日志视频教程在线观看

    http://edu.csdn.net/course/detail/2586/42058

    展开全文
  • 原文地址:... 本文由本站halfyawn原创:感谢原创者;... ...微信小程序开发工具的数据,配置,日志等目录在哪儿? 怎么找? 首先分析了一下源码,日志目录应该同NW.JS的应用目录相关,,,查查

    原文地址:http://www.wxapp-union.com/portal.php?mod=view&aid=359

    本文由本站halfyawn原创:感谢原创者;如有疑问,请在评论内回复

    还是先把问题列出来,让问题来驱动探索:

    微信小程序开发工具的数据,配置,日志等目录在哪儿? 怎么找?

    首先分析了一下源码,日志目录应该同NW.JS的应用目录相关,,,查查查,,一直查到NW.JS的C++源码,搞得太复杂,大概知道位置,但还是不确切.
    决定不往这条线找,换另一条路: 
    把日志文件修改输出到我指定目录,再把原来目录输出出来.

    修改了这个文件,其实只修改了一句代码.其它代码作了些命名重构和格式化处理,看起来好看些.//app/dist/common/log/log.js

    
    function init() {
        var _log, fs = require('fs'),
            log = require('log'),
            path = require('path'),
            dirConfig = require('../../config/dirConfig.js'),
            // logPath = dirConfig.WeappLog,
            logPath = 'D:/develop/wxapplet_devtool/log/', //dxb20161111 为方便,这儿暂时写死
            a = 10;
        if (global.isDev || process.execPath.match('nw.exe') ||
            process.execPath.match('nwjs.app'))
            _log = console;
        else {
            var n = JSON.parse(localStorage.logFiles || '[]'),
                date = new Date,
                logName = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate() +
                '-' + date.getHours() + '-' + date.getMinutes() + '-' + date.getMilliseconds() +
                '.log',
                logFilename = path.join(logPath, logName);
            if (n.length > a) {
                var p = n.shift();
                fs.unlink(p, function() {})
            }
            n.push(logFilename), localStorage.setItem('logFiles', JSON.stringify(n)),
                _log = new log('info', fs.createWriteStream(logFilename))
        }
        _exports = _log
    }
    var _exports;
    init(), module.exports = _exports;

    然后就用它找找我想需要的东西吧,,比如说,,之前说的日志与配置文件夹不好找....我就用日志文件把它输出来...:


    //app/dist/utils/tools.js 约40行处,(位置与变量名可能不一样,我手工重构过)
            getAppConfig: function() {
                var dataPath = nw.App.getDataPath(),
                    configPath = path.join(dataPath, '..', 'config.json'),
                    appCfg = {
                        isDev: !!process.execPath.match('nw.exe') ||
                            !!process.execPath.match('nwjs.app')
                    },
                    hasConfig = fs.existsSync(configPath);
                log.info('[MY DEBUG]dataPath=' + dataPath); //加上这么一句.. 

    好了,现在打开微信小程序工具一运行..看见有日志在指定目录生成了...我知道答案了:

    C:\Users\(这儿是WINDOWS登录用户名)\AppData\Local\微信web开发者工具\User Data
    以下为几个目录:
    基本的数据目录
    C:\Users\(这儿是WINDOWS登录用户名)\AppData\Local\微信web开发者工具\User Data

    日志目录
    C:\Users\(这儿是WINDOWS登录用户名)\AppData\Local\微信web开发者工具\User Data\WeappLog

    项目列表
    C:\Users\(这儿是WINDOWS登录用户名)\AppData\Local\微信web开发者工具\User Data\WeappProject
    内容是JSON文件,,,可以文本编辑或者程序处理JSON格式..

    开发环境中小程序运行存储的数据
    C:\Users\(这儿是WINDOWS登录用户名)\AppData\Local\微信web开发者工具\User Data\WeappStorage


    ........
    其它目录有兴趣的朋友自己研究吧...
    展开全文
  • 于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下: 第一步:打断点,我们必须在我们想要它停下来的...

    由于小程序的火爆,于是去开源中国接了个私活,开发一个小程序。于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下:

    第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点开”Top”根节点,层层打开,找到自己想要调试的js文件,一般是打那种.js后面带[sm],如index.js[sm],非index.js,当然这里之后想修改内容不能在”调试”模式下修改,而要转到”编辑”模式,之前我老容易犯这个错误,打开index.js[sm]文件后,点击左边的行上的数字,就会由灰色背景变成蓝色背景,这样断点就打好了,(如果不想要了,也可以点击就会取消)如下图所示:

     

    第二步:运行,首先点击编译上面的那个运行小图标(或者快捷键ctrl+b),然后操作到你想要的那个界面或者触发某个动作,程序自动会跑到断点处代码,如下图所示:

     

    第三步:单步调试,按调试器窗口(debugger)的向下箭头(step into nextfunction call),一步步的可以往下调试,如果想跳到下一个断点,就按调试器窗口的类似于播放的小按钮,英文叫resume script execution,快捷键为F8或者Ctrl+\,如下图所示

     

    如果想看调试中变量的运行值怎么办?有许多办法,这里以查看上个界面传来的options变量值为例

    办法1:让鼠标指针放在变量上,他会有提示框,框内就是变量值,如下图所示

     

    办法2:使用console.log(options);打印出来,在console窗口可以查看,如下图所示

     

    方法3:在调试器窗口,点开Scope标签,然后再点开相应变量,如下图所示

     

    如果我们的断点过多或者不想它们调试了,怎么让它们失效呢?

    办法就是点击调试器窗口中的图标,英文叫deactive breakpoints(或者快捷键:Ctrl+F8)

    展开全文
  • 最近项目组在开发一款运行在微信小游戏环境的斗地主游戏,项目的第一个版本收尾阶段突然出现了一个奇怪的bug,因为之前开发阶段的测试都是在浏览器以及微信开发工具上的模拟器进行的测试,所以直到临近项目上线才...

    最近项目组在开发一款运行在微信小游戏环境的斗地主游戏,项目的第一个版本收尾阶段突然出现了一个奇怪的bug,因为之前开发阶段的测试都是在浏览器以及微信开发工具上的模拟器进行的测试,所以直到临近项目上线才发现这个问题,具体表现如下:游戏运行在手机上会特别卡,并且卡一段时间、或者卡一下就断线,即使断线恢复后也依然很不稳定。

    初步猜想:卡顿问题属于客户端程序问题,断线情况可以排除心跳包问题,可能是客户端发送消息包存在格式问题,或者服务器一些异常导致。

    首先通过调试信息来看,客户端并没有主动请求断开与服务器的连接,追踪服务器的日志信息来看,在客户端与服务器断开连接前,都是因为数据传输协议解析错误问题,导致服务器主动断开连接的,然后就又通过调试信息查看断开连接前客户端发送给客户端的消息包是否有格式问题,结果出乎意料没有。

    这就奇怪了,没办法,项目周期将至,不得不做些取舍,暂时实在没有头绪只好打算在服务器解析到消息包错误时忽略该消息,不做主动断开连接,本以为这样就可以暂时了事,怎料游戏运行在手机环境下的问题依然存在。

    从断线这条路线找下去没有头绪,只好换成从卡顿问题下手,用排除法把可能的逻辑代码注释调试,最后定位出了是因为代码中有些地方的console.log(...)日志记录非常耗时,有些地方光是因为加了这行代码就使逻辑执行时间慢了3秒,好了,问题找出来了就好办,最后采取的措施是:开发测试时因为是用浏览器以及微信开发工具模拟器调试,加上在模拟器上又不存在这种现象(其实是设备配置问题),所以程序员自己测试不加任何优化,如果是要上传微信体验包,就把console.log方法重写为一个空方法,这样,项目里每一句调用console.log()方法的地方实际不能使用正常的日志记录功能,仅仅是调用的一个空方法,这样改善之后,游戏跑在手机上就不存在这种问题了。

    展开全文
  • 于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下: 第一步:打断点,我们必须在我们想要它停下来的...
  • 一、微信小程序web开发工具下载地址   1.1 在微信公众平台-小程序里边去下载开发工具下载地址。 1.2 下载后安装一下就可以使用了: 二、创建项目   2.1 微信小程序web开发工具需要扫码登陆,所以必须...
  • 在上篇已经介绍过下载式了,可到微信小程序开发详细流程 一 (注册小程序及开发工具的下载)查看详细内容 下载地址: 前往开发者工具下载页面 模拟器:UI视图 这里是个小程序的模拟器,建议使用iphone6,原因后面会说...
  • 下面介绍在微信开发调试方面的应用。 微信网页开发中,由于有js接口安全域名和授权域名等的限制,导致部分功能需要部署到线上才能测试。通过代理可以实现本地调试网站的所有功能。 配置代理规则 全站转发可以这样...
  • 简单的功能做的差不多了,然后打包到微信开发者工具和真机进行调试时发现了一些匪夷所思的问题(也许只是对我来说是这样)。记录一下,以避免以后踩同样的坑。 一、self in not defined 在本地和开发者工具中调试都...
  • web开发者工具,就是为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行...
  • 一、微信小程序web开发工具下载地址   1.1 在微信公众平台-小程序里边去下载开发工具下载地址。 1.2 下载后安装一下就可以使用了: 二、创建项目   2.1 微信小程序web开发工具需要扫码登陆,...
  • 快速上手安装开发工具 前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装。   你的第一个小游戏 新建项目选择小程序项目,选择代码存放的硬盘路径。 目前小游戏不提供公开注册,可点击...
  • 微信开发工具下载:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html?t=1474644083132 微信开发API说明:https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=201715 微信开发API组件说明:...
  • 微信开发:数据缓存

    2018-04-17 16:58:49
    微信开发过程中,有用来将数据保存在本地的API 对 本地数据进行设置(wx.setStorage-异步、wx.setStorageSync-同步),获取(wx.getStorage-异步、wx.getStorageSync-同步、wx.getStorageInfo-异步,wx-...
  • 微信web开发工具

    2016-10-04 19:11:52
    开发网址 点击打开链接 使用自己的微信号来调试微信网页授权 为了保证开发者身份信息的安全,对于希望调试的公众号,我们要求开发者微信号与之建立绑定关系。具体操作为:公众号登录管理后台,启用...
  • 微信开发者工具中 实现微信小程序之相机拍照功能的开发 包括相机拍照文件相册的打开 镜头的反转等
  • CleverCode前一段时间想去接触一下微信开发,申请了一个人订阅号,发现暂不能申请个人认证,而且没有微信接口的很多权限,也没有自定义菜单的权限(开发模式下)。在开发模式下,只能到手公众号里面的回复信息,然后...
  • 1.微信开发者工具自行到网上下载即可 2.打开微信开发者工具,如图所示: 点击创建后,如下图所示:
  • 相信做过微信小程序的都知道,官方给出的微信web开发工具上根本就无法加载node_modules包,即使可以加载,node_modules动辄几十M的大小,小程序的代码限制在1M以内,微信小程序的三个不足: 1无法调用npm包 2无法...
  • 开发工具: 开发步骤: 第一步:准备工作,用visual studio写后台数据 第二步:映射外网、路由(TP-LINK)端口,配置IIS发布项目 第三步:小程序访问、调用VS的传过来的JSON字符串,展示数据 刚自己做了一...
1 2 3 4 5 ... 20
收藏数 22,877
精华内容 9,150
关键字:

微信开发工具查看log