话题
文章列表
吴浩麟 调试
在开发微信公众号或小程序的时候,由于微信平台规则的限制,部分接口需要通过线上域名才能正常访问。但我们一般都会在本地开发,因为这能快速的看到源码修改后的运行结果。但当涉及到需要调用微信接口时,由于不和你在同一个局域网中的用户是无法访问你的本地开发机的,就必须把修改后的代码重新发布到线上域名所在的服务器才能去验证结果。每次修改都重新发布很繁琐也很浪费时间。 本文将教你如何通过 SSH 隧道把本地服务映射到外网,以方便调试,通常把这种方法叫内网穿透。 阅读完本文后,你能解决以下常见问题: * 开发微信公众号等应用时把本地服务映射到外网,加速调试流程; * 把你正在开发的本地服务分享给互联网上其它人访问体验; * 在任何地方通过互联网控制你家中在局域网里的电脑; Sponsor [https://app.codesponsor.io/embed/3bvxELAxnq8r4wheFyRkED8U/gwuhaolin/blog.svg] [https://app.codesponsor.io/link/3bvxELAxnq8r4wheFyRkED8U/gwuhaolin/blog] 最终目的 ...显示全部
6 个月前发表 210次浏览 0条评论 0次收藏
莫卓颖 调试
可视化前端测 背景 相信进行过前端开发的同学都知道,前端测试不仅仅涉及到功能的测试,而且也需要考虑到界面样式测试、多浏览器兼容性测试、性能测试。本文主要讨论分析目前前端测试的现状,并讨论目前流行的测试工具,下篇文章将会介绍工具的使用方法 前端测试分类 前端测试 主要分三大方向测试,而这三大方向也分很多小方向测试,首先简单的介绍每个方向的概念 * 界面样式测试 固定界面样式测试 :主要针对文字内容不变的区域,例如页面的页头,页脚这类结构、内容不变的区域,而测试一般通过截图对比解决。 结构不变界面样式测试 :主要针对结构不变的区域,例如新闻区域这类结构不变,内容变化的区域,这类测试一般通过DOM元素对比解决。 计算样式测试 :主要针对计算样式不变的区域,这类测试一般通过比较计算样式解决,但是这种测试不推荐,因为测试成本比较大。 * 功能测试 服务器数据预期测试 :主要针对用户在前端界面进行某种操作后,提交数据给后台后,测试后台能否返回预期的数据 界面功能测试 :主要针对用户在前端界面进行某种交互性操作后,测试能否获取预期的功能、界面交互 * 多浏览器测试 ...显示全部
3 年前发表 3610次浏览 0条评论 2次收藏
yangchunwen 调试
Object.observe 是一个提供数据监视的API,在chrome中已经可以使用。是 ECMAScript 7 的一个提案规范,官方建议的是“谨慎使用”级别,但是个人认为这个API非常有用,例如可以对现在流行的MVVM框架作一些简化和优化。虽然标准还没定,但是标准往往是滞后于实现的,只要是有用的东西,肯定会有越来越多的人去使用,越来越多的引擎会支持,最终促使标准的生成。 可以做什么 从observe字面意思就可以知道,这玩意儿就是用来做观察者模式之类的东东。 简单地说,就是观察一个对象的变化,在被观察者变化时作出一些回调。 实际应用中,可以优化数据模型(model)和网页试图(view)的双向绑定。 语法 语法很简单: Object.observe(obj, callback) objobj就是你要监听的数据模型(例如一个ajax接口对应的数据) callbackcallback就是数据模型变化后触发的回调(例如网页视图的变化) callback函数的参数形式 * name: 被修改的属性名称 * object: 修改后该对象的值 ...显示全部
3 年前发表 2107次浏览 0条评论 0次收藏
袁飞翔 调试
* chrome.webRequest.XXX 用于网络流量的统计监控、修改请求和响应 * chrome.proxy.XXX 用于代理的管理 抓包的时候偶尔会遇到返回的json串在prevew窗口不能显示成对象的形式,如下:[http://7tszky.com1.z0.glb.clouddn.com/FhUppfp7BdyIvNdls0qg_ZbEyayH] 理想的:[http://7tszky.com1.z0.glb.clouddn.com/Fm6v9MKysbCYINkvPSwH-Q8UZ8I7] 这种情况是响应头content-type不正确造成的,可以使用chrome.webRequest.onHeadersReceived.addListener() 修改响应头 相应的可以用chrome.webRequest.onBeforeSendHeaders.addListener()修改请求头 ...显示全部
3 年前发表 1982次浏览 1条评论 0次收藏
袁飞翔 调试
从 https://developer.chrome.com/devtools/docs/remote-debugging [https://developer.chrome.com/devtools/docs/remote-debugging] 我们可以知道在android 4.4+可以通过在apk中使用下面的代码开启webview的chrome远程调试 WebView.setWebContentsDebuggingEnabled(true); 但我们开发中接触的apk往往是第三方的,没谁会为我们开启webContentsDebuggingEnabled。而Xposed能强制做到这一点 XPOSED [HTTPS://GITHUB.COM/ROVO89/XPOSEDBRIDGE/WIKI/DEVELOPMENT-TUTORIAL] Xposed能够勾住(Hook) Android应用程序对象的方法,实现AOP,一个简单的例子: publicclass WebViewHook implements IXposedHookLoadPackage { ...显示全部
3 年前发表 3349次浏览 4条评论 1次收藏
vienwu 调试
这篇是前段时间总结给自己备忘的,要用到的工具实在太多,没法一一记住。作为一个测试的工具,会用就好了。 所以这里稍微做了一些修改,简单介绍一下常用的写法和命令,其次将之前的一些示例改成javascript版本,方便没有coffee基础的同学浏览。 介绍 mocha是一个拥有丰富功能的javascript测试框架,可以用于nodejs和浏览器。支持同步/异步测试用例,有多种报告形式。 官网介绍了很多的特性,个人感觉实用的就几点,一个是nodejs和浏览器都可以用,不用再记那么多奇怪的api和写法了。其次是编写同步/异步测试用例非常简单。 安装 $ npm install mocha -g 成功安装后就可以使用 mocha 命令了。 使用 运行 ./test/ 目录所有js $ mocha 指定js文件 $ mocha xxx.js 监听文件变化 $ mocha xxx.js -w 指定coffee编译 for coffescript 1.6 $ mocha --compilers coffee:coffee-script test.coffee for coffeescript 1.7+ ...显示全部
3 年前发表 2312次浏览 0条评论 0次收藏