精华内容
下载资源
问答
  • 原创Blog,转载请注明出处 ...我的stackoverflow 工欲善其事,必先利其器,强烈建议新手同学好好研究下XCode这个工具。比如Build Settings,Build Info Rules,Build ...前言:这个Swift调试系列分为四篇 图形化界面

    原创Blog,转载请注明出处
    http://blog.csdn.net/hello_hwc?viewmode=list
    我的stackoverflow

    profile for Leo on Stack Exchange, a network of free, community-driven Q&A sites


    工欲善其事,必先利其器,强烈建议新手同学好好研究下XCode这个工具。比如Build Settings,Build Info Rules,Build Parse, Edit Scheme…


    前言:这个Swift调试系列分为四篇

    1. 图形化界面调试
    2. LLDB常用命令
    3. LLDB进阶使用
    4. Zombie等其他调试

    2015.12月和2016.1月主要更新iOS开发的设计模式和Instruments优化技巧,穿插着写一些别的。


    断点

    断点是调试中经常用到的,让代码停止在错误出现的地方,看看变量以及上下文实际的变化,往往就能够找到问题所在。

    点击左侧部分就可以添加断点,再单机可以禁用单个断点

    导航栏中的断点列表

    可以右键来禁用,编辑,删除断点。


    断点上下文


    让我们来看看图中的四个区域

    1. 这里可以看到CPU,内存,磁盘以及网络情况。注意,只有在实际设备上才是有意义的
    2. 线程信息,可以看到当前停在main Queue上,app运行的时候也启动了其他几个队列。注意,调试的时候看看代码运行的线程是否正确很有必要
    3. 这里可以看到Local变量,Swift有个好处是按照Module来划分了变量,简单粗暴
    4. 这个区域是LLDB调试区域,可以用LLDB命令执行任何动态的代码

    我们着重来看下3,4区域,新手往往只会看变量,其实这里有很多可以利用的信息

    其中
    A. 禁用,启用所有断点
    B. 继续执行
    C. 跳过这一行
    D. step in(例如进入到函数实现内部)
    E. step out (退出step in)
    F. 打开UI调试 (后问会详细阐述)
    G.模拟位置
    H.选择线程
    I. 查看线程调用堆栈
    其中I的截图如下


    条件断点

    举个例子,我想停在第888次执行?总不能一次次的continue吧!

     for var index = 0;index < 1000;index++ {
                print(index)
      }

    右键断点,选择edit breakpoint

    然后填写条件

    condition就是代码触发的条件
    ignore就是在断点触发前忽略几次
    action是断点触发后,执行的LLDB动作,这里很简单就是打印当前的sum
    options,执行完action后是否继续执行

    可以看到运行的截图


    准备工作

    接下来讲的几种断点添加方式都是,在断点导航底部,如图添加


    Swift Error 断点

    这个在Swift开发中很常用

    添加一个Swift Error断点

    定义一个方法,来抛出Swift Error

       func test() throws{
            throw DemoError.Type1
        }
        enum DemoError: ErrorType {
            case Type1
            case TYpe2
        }

    然后,这样调用

    do{
        try test()
    }catch{
    
    }

    会发现,在Swift Error发生的时候,断点触发

    当然,Swift Error断点也支持编辑来捕获指定类型的Error

    为了方便读者阅读,图片我没加水印,转发者请注明转自 Leo的CSDN博客(http://blog.csdn.net/hello_hwc?viewmode=list


    Exception断点

    在抛出异常的时候触发
    这个在iOS开发中很常用
    有过iOS开发的都知道,Cocoa在错误的时候会抛出异常,而实用这个断点,会帮助我们捕获异常。
    例如
    随便performSelector,会抛出异常

       self.performSelector("abcdefg")

    在添加了All Exception后,会停在这里


    Symbol断点

    停在不方便直接加断点的地方
    例如,停在

    -[NSObject setValue:forUndefinedKey:]

    如图

    然后,这样调用

            self.setValue("Dta", forUndefinedKey: "dagd")
    

    会发现断点触发


    Test Failure断点

    这个就是使用XCTest框架来测试的时候,当Test Case的Assert失败的时候触发的断点。这里不截图了


    变量图片预览

    红圈中左边是预览,右边是打印Description


    UI调试

    如何打开UI调试
    这里写图片描述

    图中的红圈部分,点击后,整个调试区域如图

    其中

    1. 用来查看View的层次结构,树状图
    2. View的可视区域,可以详细的看到View的叠加关系
    3. 选中某一个View后的属性

    查看AutoLayout约束
    右键某一个View

    然后选择Show Constraints,

    注意,第一张图右上角的地址

    0x7f8169e7daa0

    这里先记着,这个地址对LLDB的调试很有用,下一篇我会讲到


    最后

    欢迎大家关注Leo的CSDN博客

    展开全文
  • HBuilder代码调试

    万次阅读 2016-07-13 16:38:09
    HBuilder对前端代码调试方式有边改边看、真机运行、webkit remote debug真机调试3种。 系列文章目录导航: - [调试方式介绍一 边改边看] - 调试方式介绍二 真机运行 - 调试方式介绍三 webkit remote debug之...

    调试方式介绍一 边改边看

    HBuilder对前端代码的调试方式有边改边看、真机运行、webkit remote debug真机调试3种。
    系列文章目录导航:
    - [调试方式介绍一 边改边看]
    调试方式介绍二 真机运行
    调试方式介绍三 webkit remote debug之Chrome调试Android手机
    调试方式介绍四 webkit remote debug之Safari调试iOS手机

    边改边看

    边改边看是轻量级的界面调试工具,最方便最常用。
    在HBuilder右上角切换开发模式,可以选边改边看方式,切换模式的快捷键是Ctrl+p。
    进入边改边看后,左边显示代码,右边显示浏览器。
    HBuilder的windows版,右边的浏览器是chrome;在mac版,右边的浏览器是Safari。

    1. 左边写代码,保存后右边自动刷新

    在左边写代码,保存时右边会自动刷新页面,非常方便调界面。
    对于less、sass等预编译语言,在ctrl+s后自动输出css后,也会继续激活浏览器的刷新。
    HBuilder对markdown的支持也很好,本身编辑器就有高亮和着色功能,同时边改边看里也可以预览HTML效果。

    2. 代码和浏览器元素互跳转

    windows版的边改边看还支持代码和页面元素的互相跳转。
    对代码里的一个div点右键,选“高亮浏览器内对应元素”,就会看到右侧浏览器里指定的元素高亮了。

    反之,对浏览器某个元素点右键,也会有“查找文档中对应元素”的选项,点击后会跳转到相应代码段落。

    3. 控制台

    边改边看有2个控制台,默认控制台显示在HBuilder下方,直接输出了log和错误日志。
    控制台显示了代码行号,点击后可直接转到该行代码。

    另一个控制台,是chrome控制台。
    在HBuilder windows版的边改边看里点右键,可以选择启动chrome控制台。
    (mac版HBuilder的边改边看是Safari浏览器,暂时调不出控制台)

    chrome控制台的功能非常多,检查css覆盖、调试js、查看网页加载性能...这里不详细介绍,请自行谷百。
    但有一个功能要强调下,就是手机设置。
    在控制台里选Emulation的device,可以看到iphone、nexus等很多手机。
    如果你需要开发触屏版网页,需要使用touch功能,就一定要选择成手机开发模式。默认的pc模式是不支持touch事件的。
    不过要注意,虽然这里的浏览器控制台可以选手机,但只是模拟手机浏览器,plus扩展的原生api是无法调用和调试的。

    php等服务器语言也支持边改边看,在设置里搜索web服务器,添加外部web服务器,配好地址也可以边改边看。
    至于php本身语言的调试,可以通过php插件做来,本文不详述。

    转载至:http://ask.dcloud.net.cn/article/483

    展开全文
  • CreatorPrimer | 预览调试

    2018-11-21 09:40:39
    游戏预览是开发中的一个重要环节,Cocos Creator游戏引擎基于JavaScript语言有着丰富强大的预览调试能力,这次我们介绍预览调试相关的技术,了解一下这方面的知识相信对你也非常有帮助。 1. 游戏预览 Cocos Creator...

    游戏预览是开发中的一个重要环节,Cocos Creator游戏引擎基于JavaScript语言有着丰富强大的预览调试能力,这次我们介绍预览调试相关的技术,了解一下这方面的知识相信对你也非常有帮助。

    1. 游戏预览

    Cocos Creator是跨平台的游戏开发引擎,从类别上主要分为Nativet和H5两大平台,游戏预览也分为这两大模式:浏览器模拟器。我们可以从Cocos Creator主窗口上选择预览模式、启动预览,也可以通过扫描二维码在手机浏览器中预览(注意IP地址为局域网地址,如不正确请在设置中修改)。

    预览游戏

    在浏览器中预览游戏是日常开发工作最为常用的功能,同时Cocos Creator为我们提供多种屏幕分辨率的模拟,查看游戏渲染性能参数,请看下图:

    浏览器预览

    在原生模拟器中也可以模拟不同的设备尺寸、设置横竖屏,看下图:

    模拟器选项

    日常的开发中,我们用的最为频繁的还是在浏览器中预览,这里推荐大家使用Google Chrome浏览作为开发调试环境。

    2. 游戏调试

    在浏览器中启动预览后,可以开启Chrome的开发者工具进行游戏代码的浏览、调试、日志查看等调试代码中的问题。在游戏画布窗口之外,点击鼠标右键,选择检查(快捷键:ctrl+shift+I/cmd+opt+I),打开开发者工具:

    启动开发者工具

    在Chrome开发者工具窗口中使用快捷键ctrl+p或cmd+p呼出文件搜索窗口,快速定位代码文件(与VSCode的文件查找一样)。

    Chrome开发者工具.jpg

    此处你可以利用开发者工具,对Cocos Creator的源码进行跟踪调试,查看API接口,这是学习Cocos Creator一个重要途径,看下图:

    Chrome调试.jpg

    Chrome的开发者调试工具非常强大,这里简单介绍几个常用的功能:

    1. 点击行号设置断点,代码运行到此处程序会自动暂停下来
    2. 当代码被断点后,将鼠标移动变量之上查看变量值
    3. 使用快捷键ctrl+~呼出交互式命令控制台,可以查看变量值或执行代码
    4. 使用快捷键F10单步执行、F11单步跟入、Shift+F11跳出当前函数、F8运行
    5. 右侧Call Stack函数调用堆栈窗口,点击堆栈函数可以跳转到对应函数源码

    3. 构建微信小游戏

    Cocos Creator支持多平台构建模板,如果你开发的是微信小游戏,一定要在微信开发者工具中预览调试。在构建发布窗口中,简单设置就可以构建出目标平台所需的文件,请看下图:

    构建微信小游戏

    启动微信开发者工具,选择小程序项目,你会看到与Chrome浏览器类似的预览调试窗口:

    微信开发者工具窗口说明.png

    按照之前Chrome的快捷键用法,你就可以在微信开发者工具中断点调试游戏了,没什么太多区别,是就窗口太挤了,建议将调试窗口浮动出来形成一个独立的窗口。

    4. 小结

    Chrome是JavaScript的开发调试神器,熟练使用Chrome的调试工具是开发H5游戏的必备技能,我们这里只是介绍了Chrome的冰山一角,下来还请大家多多实践。


    欢迎关注「奎特尔星球」微信公众号,来我们一起成长!

    展开全文
  • 下载了一个webstorm10的破解版,但却是英文版,汉化之后无法使用settings功能,然后就又搞回了英文版,英语水平实在不行,在设置里找了很久都没有找到调试的设置项,编写的代码不知道如何在浏览器预览,我那个愁啊!...

    我是一个特别懒,闲麻烦的人,学习HTML、CSS的时候需要一个编辑器,于是去度娘一下,下载了一个webstorm10的破解版,但却是英文版,汉化之后无法使用settings功能,然后就又搞回了英文版,英语水平实在不行,在设置里找了很久都没有找到调试的设置项,编写的代码不知道如何在浏览器预览,我那个愁啊!

    我想了个笨办法,又下载安装了Dreamweaver,然后用Dreamweaver也打开webstorm编写的网页,每次编写完成需要观看效果的时候,我就去Dreamweaver里面用F12键预览,虽然麻烦了些,但是至少可以调试预览了。

    今天呢,家里的电脑我也下载了webstorm,但是电脑比较老旧,安装不了很多软件,于是度娘看能不能找到webstorm调试预览的方法,看了很多都是下载什么插件,然后使用chrome调试的方法,繁琐,抱着试一试的心态,我想自己设置一下。找到Run菜单下的Edit confingurations,突然发现有个下拉框Default Browser,然后进入发现一共5中浏览器在内,我选择一个浏览器,在后面path下面试着粘贴了360浏览器的运行路径,保存后发现,在调试预览菜单中可以用了。

    没有图,我上传比较麻烦,我使用的是webstorm8的这个版本,希望对你们有帮助。

    展开全文
  • Visual Studio 2017 代码调试的7个技巧

    千次阅读 2019-12-06 21:06:26
    如果你知道这些工具的存在并且了解怎么使用它,那就可以大大简化你的调试流程。让我们一起来看看这7个鲜为人知的技巧吧! 1. 一键跳转到指定语句 可能大家都知道设置下一条执行的语句(Ctrl+Shift+F10)或者是调试...
  • 主要介绍了Vue移动端项目实现使用手机预览调试操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • VSCode设置网页代码实时预览

    千次阅读 2019-09-30 06:49:20
    一、设置描述 1.VSCode作为一款很不错的开发软件,相比DW更小巧,用来测试前端特别不错...其实我们可以在VSCode中配置一个网页服务器,修改完代码之后只需要保存代码浏览器就可以实时预览 二、操作步骤 1.打开VScod...
  • 1、准备工作:电脑上装有Hbuilder软件,获取到电脑端的IP地址(附IP的获取方法:windows系统下,打开命令行(快捷键win+R)-->输入cmd并回车-->输入ipconfig/all)。...(注:在调试过程中请勿关闭软件)
  • 下面对微信web开发者工具做个简单的介绍 下载: ... 下载地址: 前往开发者工具下载页面 ...这里是个小程序的模拟器,建议使用iphone6,原因后面会说到, ...这里是小程序的一个功能区域啊,下面会一...这个区域是我们在调试的...
  • TODO:小程序手机预览调试

    千次阅读 2016-11-12 10:36:41
    TODO:小程序手机预览调试 1. 小程序注册,目前还未开通个人注册,主体类型为企业、政府、媒体、其他组织 2. 登录小程序,绑定开发者,获取AppID 3. 下载微信小程序示例-新片预告 ...
  • uniapp本地开发小程序代码超过2M,不能预览和真机调试解决办法 参照官方文档uniapp官方文档 做出了如下调整: 看了一下项目是因为生成的公共代码过大,vendor.js有1M多,根据文档,开启了运行时压缩 发现还是不行,...
  • 提问:一些网站上面是如何实现,css代码既可以显示又可以编辑,而且编辑完了可以实时预览(即网页上改了css立马显示效果)? 答:(功能一)显示:style 标签默认显示方式 display:none 要改成 display:block ...
  • 这个通常用来调试界面的显示,比如控件位置,大小等,通过点击左上角的小箭头可以显示代码对应界面的作用范围。 2、Consoles 可以在里面输入界面的元素取值,查看各个元素组件的实际取值,...
  • vue项目手机真机预览调试

    千次阅读 2018-12-04 10:20:24
    很多项目要模拟手机真机环境才能测的出效果比如像高斯模糊的一些样式特效只有在真机上才看得出来;但是如果要上线上每次都要...我的是配过跨域的所以代码跟你们的可能有点不一样,不过只要找准host:‘localhost’ ...
  • 1:蜻蜓设备 可以点击键盘的设置键或者按关机键进入设置页面(需要长按关机键然后出现关机,重启,设置三个选项) 2:设置——系统设置——关于本机——小程序容器(连点8次)——打开小程序配置——...6:预览或...
  • 实现小程序手写板用户签名(附代码) 代码包括微信小程序代码+php代码 预览、保存、上传均有,上传用php文件上传,都是网上搜罗的三种手写板方法,并亲自验证调试通,非常好用分享给大家
  • 使用Android模拟器预览调试程序 点击左侧的三角图标可以运行预览,右侧的像个小虫子的图标可以调试程序。 这里你可以选择列表中的一个设备,也可以点击“Create New Enulator”按钮创建一个新的虚拟设备,不同 型号...
  • 最近做一个小程序,在开发者工具上完成之后,真机调试了一下发现数据都没有传过来,就很头疼。然后寻找解决的办法: 开始一直以为是域名有问题,服务器域名我都配置了,我点了不校验安全域名、web-view 域名、TLS ...
  • 真机调试有两种:扫描二维码真机调试,自动真机调试。 选择自动真机调试,前提: 这样改了js代码就不用重新使用微信扫码调试了。
  • 2.微信小程序目前只支持https,调试状态下忽略了域名验证,但是在预览情况下是需要访问https://xxxxxxx域名,如果自己小程序代码中写的是无证书的http://xxxxx域名,在真机预览或者体验版本上是访问不通的。...
  • 微信小程序预览word,excel,doc文件Demo代码,下载代码直接使用微信小程序打开运行即可,可以使用微信小程序对应的真机调试进行测试预览功能
  • 不仅可以通过USB方式进行APP真机同步功能,更新增WiFi真机同步和WiFi真机实时预览两大功能,方便开发者在开发过程中进行真机预览调试,加快同步的速度和提高预览调试的效率。 通过USB方式进行A...
  • QQ小程序tabBar.color is empty预览与真机调试错误 在微信小程序写完代码后编译预览均无问题,复制粘贴到qq小程序后预览出现上图错误,查阅官方文档发现color、selectColor、backgroundColor三个属性是必填的。 在...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,076
精华内容 14,030
关键字:

代码调试预览