蒋宇捷的专栏

在工作中，经常需要基于黑盒分析应用的网络请求。例如分析第三方SDK或者应用发出的网络请求，这种时候我们是没有办法基于代码进行debug的，那么我们应该如何来分析网络请求呢？之前有些分析方法需要root手机或者越狱并在手机上安装软件来监视网络请求，这种方式还需要把log信息dump到电脑上才能方便查看，较为不便。下面我来介绍一下利用一些工具，就能够方便分析手机网络请求的方法。        思路很简

很久前我曾经提到过Web Speech API，现在Chrome刚刚发布的25版本已经为桌面和Android提供了对此API的支持，这对Web开发者来说无疑是一个具有里程碑意义的事件，因为我们可以直接在Web App中原生使用语音识别技术，Web应用的新时代将会由此开启。         控制不住激动的心情，下面我会通过示例马上给大家介绍此API的详细信息。         Google专门提供了

HTML5对旧有的安全策略进行了非常多的补充。        一、iframe沙箱        HTML5为iframe元素增加了sandbox属性防止不信任的Web页面执行某些操作，例如访问父页面的DOM、执行脚本、访问本地存储或者本地数据库等等。但是这个安全策略又会带来另外的风险，这很有趣，例如ClickJacking攻击里阻止JavaScript脚本的运行来绕过JavaScript的防御方

HTML5的最好的功能之一WebSocket允许浏览器打开到特定IP目标端口的Socket连接，它提供了基于TCP Socket的全双工双向通信，可以实现消息推送机制，大大减少了服务器和浏览器之间的不必要的通信量。例如可以用它来实现QQ的消息弹窗或者微博的新消息通知，让我们可以更好的实现Web应用。iPhone的消息推送        HTML5限制了Web Socket可以使用的端口，但是，它可

HTML5环境传感器由Sensor API描述和定义，包含了6种常见的传感器类型：        它们分别代表温度（摄氏度）、气压（千帕）、湿度（百分比）、光线（lux ，勒克司）、声音（分贝）、临近（厘米）。        HTML5传感器目前讨论的比较多的是DeviceOrientationEvent运动传感器和方向传感器，而Sensor API的详细内容在国内很少有相关的文章提及。下面我对其

注：我昨天刚发了一篇关于WebRTC的文章，但是WebRTC的变化如此之大，让我不得不再用一篇文章的篇幅从另外一个方面详细阐述它带给我们的变化。Firefox、Opera、Android、iOS平台的广泛支持会让它可以立即落地，实现很多有趣的视频功能和应用。你准备好使用它了吗？        关键词：视频 RTCPeerConnection getUserMedia WebRTC 多媒体

正如我们上周报道的一样，最近有很多事情发生在我们熟知的WebRTC上。        其中一个是：基于WebRTC的屏幕共享。        这是屏幕录像：youtube.com/watch?v=tD0QtBUZsF4。        这是代码：github.com/samdutton/rtcshare。        从本质上讲，我们使用RTCPeerConnection和chrome.tabC

在iOS的Safari浏览器上播放缓存的音频供离线使用一直是一个挑战，已经被证明是不可能完成的任务 。但随着网络音频API的发展（仅支持WebKit内核），现在终于实现了-不过还需要经过一些步骤。        坏消息是我们还无法使用应用缓存缓存MP3文件，然后简单地使用XmlHttpRequest进行加载。iOS6上的Safari浏览器可以缓存MP3，但是会拒绝播放它。        但是这不代

在HTML5中，Device API相关内容众多，而且结构比较复杂，内容有所重叠，大家在使用时可能会遇到许多问题，下面我针对这些问题谈一下个人的理解。1、The Media CaptureAPI VS System Information API，两者都可以访问摄像头和话筒，有什么区别？       背景：The Media Capture API定义了一个高级别的API来访问设备的摄像头和话筒，

W3C最新公布了和移动WebApp有关的标准当前的状态及路线图，它汇总了和移动Web App开发相关的所有HTML5和CSS3标准以及他们当前的状态和未来路线，对使用HTML5进行移动Web App开发的开发者有着极大的指导意义。文档地址为：http://www.w3.org/2012/08/mobile-web-app-state/。        下面是该文档的主要内容。        ---

在我之前《HTML5图像适配介绍》的一文里，提到了响应式图片的需求以及一些讨论方案，而目前W3C关于响应式图片已经有了最新进展，此规范上上周已经作为编辑草案出现，到今天还在更新中。        未来的格式很可能会如下所示，来适配不同的屏幕分辨率。         文档的地址请点击这里。

春节将至，先祝大家新年快乐。我在这段时间内将会抽出时间由浅入深的发表几篇CSS3、HTML5最新的技术文章，涉及原理、实现、应用的几个层面，代表了国外HTML5最新发展的趋势，希望能给大家带来新的启迪。         下面的这篇文章非常简单，是响应式设计的一个具体实现。我希望能带给刚入门的朋友一些思路和帮助。         ……………………………………✄……………………………………

本文介绍了一种时尚的网站设计方法，以及如何由浅入深的通过HTML5和浏览器渲染机制来构建高性能的站点。        文中多处涉及浏览器重绘和性能优化的原理，也是《Web滚动性能优化实战》的拓展和延续，难度上属于中级进阶，请在阅读前请先看看这篇文章。        介绍        视差网站最近风靡一时，只需看看下面这些站点：        Old Pulteney Row to the Pol

今天我们来聊聊如何带团队。         在移动互联网飞速发展的今天，许多公司开始组建移动开发团队，许多技术人员开始学习和开发移动App，许多管理者也从其它领域转向移动。那么带领一只移动开发的团队和传统的团队（例如Web）有什么不一样，会遇到什么问题，有哪些需要特别注意的地方呢？这篇文章将会简单讲讲我的经验和体会。首先我们先谈谈移动产品的特点。         移动产品的特点         上

我在Chrome的最新动态里提到了Typed Arrays（Typed Array，类型数组）这个概念，可能对很多人来说非常陌生，那么它是什么，又有什么用途呢？之前的问题        Web应用程序变得越来越强大，例如新增了音视频处理、WebSocket等多个功能特性。毫无疑问，如果Javascript能够快速方便的操作原始二进制数据会相当的有用。过去，我们必须要把原始数据当作字符串来处理，并且

前言：Chirp在iPhone上掀起了有声传输文件的序幕，我们再也不需要彩信、蓝牙配对、IM来传送数据。它通过“叽叽喳喳”的小鸟叫声来分享数据，简单有趣，而且可以快速的实现一对多的分享。         此外支付宝曾经试推过“声波支付”，利用手机发送超声波至终端作为交易密码进一步完成交易。然而支付宝的技术目前只是使用在了支付上，而需要可接受声波支付的特定售货机方可使用。        《Advan

前言：        LinkedIn 5月2日发布了新的iPad版本，它基于HTML5制作，在体验和界面上非常出色，在使用中可以发现它和原生应用基本没有任何差别。        关于这个版本，有两篇文章非常有价值，深入的介绍了Mobile Web App和HTML5移动开发的原理和方法。        第一篇《你绝对想不到的LinkedIn如何构建iPad新应用》主要包括三个方面的内容：Link

写在前面的话：对于移动Web App来说，响应式设计相当的有价值，现在大家也正在逐渐的了解它。但是我认为它也有自己适用的范围，需要根据具体的场景来选择使用。正好最近业界对此也有一些声音和反思传递，例如我之前的一篇博文《用HTML5实现iPad应用无限平滑滚动》里就有提及。现在我翻译一篇相关文章，大家可以对此有更多的了解和判断。-- 宇捷媒介查询很伟大，但是...        对于Web开发人员来

我的前言        HTML5的API体系是重要知识，但是如何写出更高效的Web App对于从程序员进阶为高级程序员来说更为重要。技很重要，但是容易学会，术才是茫茫人海中鹤立鸡群，安生立命之本。        码农们容易吗？是的，我们必须要不断努力和学习才能进化为高级码农乃至顶级码农。        Web App的性能优化非常重要，之前我有过一篇LinkedIn的相关文章《用HTML5实现i

1、你的移动App利用了手机的哪些特性？2、你们是否有用移动的角度和思维来考虑产品形态？还是简单的把Web照搬到手机上？3、用户有什么特殊的动力去安装你们的App？4、用户是否能很好的上手和使用你们的App？5、你们的App有没有很好的运营，让用户知道你们的特点？

作者注：此文章原为2013年5月的《程序员》杂志所做，现刊登于此，以飨读者。从HTML5移动应用现状谈发展趋势        时光如梭，自2008年HTML5诞生以来已经过去了5年的时间，作为新一代的Web标准，它自问世以来就受到方方面面的强烈关注，也引起了许多争议，支持者因其开放强大的特点而鼓吹它的美好前景，质疑者因其迟迟不能很好落地而怀疑它的实际作用。现在我们从现状入手，以提问的方式针对HTM

Chrome 7月9日刚为Chrome打包的应用提供了强大的访问Google服务例如Google统计、GoogleAPI和Google 钱包的能力，除此之外，还能够使用系统层面的服务包括蓝牙和原生应用通信。        打包应用可以在Mac、Linux和Windows上脱离Chrome浏览器独立运行。可以把它们看做用传统Web技术例如HTML、CSS和JS开发的单机应用，同时它们看起来和用起来也

前言        迪斯尼《Find Your Way to OZ》这个贴近地气的游戏我在最新一期《程序员》杂志的《从HTML5移动应用现状谈发展趋势》这篇文章里有所提及，它借用了近期上映的《魔境仙踪》电影的设定（设定来自于经典故事《绿野仙踪》，看过这个电影的同学们会深有感触），构建了一个等同的宏大游戏世界。同时迪斯尼又和谷歌合作，把它作为Chrome浏览器性能和HTML5技术的一个show ca

好吧，好久没有聊CSS3了，今天我们来讲讲CSS3的最新特性。         在Chrome最新的动态里，添加了对CSS.supports()方法的支持，而许多关注浏览器发展的朋友也可能已经了解到Firefox和Opera开始支持@supports规则。CSS.supports()和@supports看起来非常相似，它们之间有什么关联，它们的前世今生究竟是怎么一回事呢？         为了应付

当你的老板或者客户想要一个iPhone应用的时候，你会说些什么？        我希望你不要说“我们可以这样做”。相反，我希望你问问“为什么”，更重要的是“你想要它做什么？”        往往客户和老板并不是真的确定自己想要什么，或者为什么想要它。他们想要一个App的原因只是因为有人告诉他们移动互联网非常新潮，他们应该有一个移动App。我们需要挖掘其中更深的原因。        通常的答案是，他

移动App和传统互联网有很多不同，在移动App的领域中，经常有一些常见的惯性思维，实际上并不一定正确。在此我抛砖引玉，就一些误区聊聊自己的经验。用户使用时长下降，一定是应用出现了问题        在许多移动统计系统里，有用户平均每次使用时长这一数据。如果你发现这个数据有所下降，就认为这一定是坏事，这种想法可能有欠全面。        事实上，你需要考虑你最近是否对软件进行了优化，因为有一种可能是

1、Webkit内核这次又远远走在了前面。开源的Chromium和每日构建的力量是无穷的。2、Firefox、Opera等浏览器不久之后将会马上跟进，IE也一样。说到IE，其实IE是最早提出和支持类似滤镜效果的浏览器，早在IE 5.5的时代（还记得国悼日全灰色的网站是如何快捷实现的吗？），只是它糟透了的名声让人忘记了它的一切好处。Whatever，这次时光轮回又把一个强大和统一的规范带给了我们。3

作者：蒋宇捷（hfahe）版权声明：原创作品，欢迎转载，转载时请务必以超链接形式标明文章原始出处 、作者信息和本声明。     概述         Android上的主要开发语言是Java，让很多PHPer觉得非常遗憾。但是自从ASE（Android Scripting Environment-Android脚本环境）诞生后，允许用户直接在Android设备上运行脚本，ASE已经支持Python

从Android 2.3 Gingerbread开始，原生支持前置摄像头。下面我们看看如何在程序里来调用前置的摄像头。    第一种方式是采用MediaStore，调用系统原生的相机。 Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); intent.putExtra("camerasenso

译自：http://surgeworksmobile.com/iphone/starting-with-titanium-and-android 译言版本：http://article.yeeyan.org/view/153993/122458原文作者：Radu Cojocaru 转载请标明出处：蒋宇捷(hfahe) http://blog.youkuaiyun.com/hfahe          Appc

移动互联网项目和传统互联网有一些类似的地方，但是也有许多不同之处；另外创业公司需要做到的是快速开发，快速发布，快速迭代，下面是开发管理中的一些经验总结。1、每天早上快速立会很有用，每个人总结前一天的工作和当天的工作计划，及时沟通信息，交流开发中问题，总共时间不超过15分钟；2、每周一个版本是良好的开发节奏，要快速添加功能，及时收集用户反馈，及时改进；3、严格控制版本cc（code complete

也许有的开发者觉得在Android开发中用户界面设计和实现简陋而麻烦，缺乏有效的帮助和支持。Android-ui-utils开源项目包含了一系列工具，帮助我们更好的设计和开发Android用户界面。项目主页为http://code.google.com/p/android-ui-utils/。它主要包含以下几个主要工具：一、Android Asset Studio        这是一个基于网页的

写在前面的话：随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。        文中提到的响应式网页设计（Responsive web design）是一种现代网页设计方法，基于CSS3的媒介查询（Media Quer

当在Android系统中切换语言时，会带来一个有趣的bug：SimpleDateFormat在处理“z”时区字段时会花费很长的时间。如果你在一个ListView里多次调用这个方法，就会发现这个ListView在滚动时很不流畅。控制台相关输出如下所示：I/Resources( 471): Loaded time zone names for en_US in 1904ms.I/Resources

我在面试测试工程师时，经常问到的一个问题是“给出Word另存为这个功能的测试用例”。除开基本的测试用例外，考虑到各种异常情况，例如内存已满、硬盘空间不足是非常重要的。但是针对移动互联网App来说，情况还要复杂的多。    一个重要原则是：测试你最终要发布给用户的App版本。

在微博认证方式里，基本的OAuth认证是必须要调整到跳转到第三方页面上进行授权的，例如下面的例子：    1、从http://open.weibo.com/wiki/index.php/SDK#Android下载SDK包。    2、在AndroidExample/src

<br />原文地址：http://blog.frontendforce.com/2010/05/mobile-application-development-using-javascript/<br />译者：蒋宇捷<br /> <br /> <br />    Javascript并不仅仅只用于网页和网站程序。你还可以创建实时应用、服务端解决方案、桌面和移动应用。移动应用分为两种：浏览器里的网页应用和本地应用。本地应用通常更快更强大，因为它们有访问文件系统、传感器、照相机等设备的权限。本地应用通常使用手

在《做移动互联网App，你的测试用例足够吗》一文中，我们谈到了Android 1.5和1.6兼容性和2.0版本以后有很多不一致的地方，开发时需要单独进行处理，这会耗费开发者相当大的精力，我们在开发Android实际应用时应该如何制定App的支持策略呢？        下面我们谈谈应该如何分析来制定自己App的支持策略。1、  了解Android最新版本分布情况        在Android de

随着移动站点的发展和普及，毫无疑问CodeCanyon的移动应用集合有了巨大的增长。从iPhone到Android，开发者已经贡献了一些令人惊艳的移动站点开发工具。 这里快速列出了一些市场上所销售的顶级移动应用和工具。你可以试用它们并为你下一个移动站点获得灵感。1、创建自己的应用程序（无需任何编程技能）        不需编码就能创建你自己的i​​Phone/ iPod Touch应用！让客户在苹

现在移动互联网日新月异，各种移动设备层出不穷，在iPhone 4上最先出现视网膜屏幕后，这种技术快速的被大多数智能移动设备所采用，可以遇见将会快速的普及开来。        但是这也对我们的Web提出了更高的要求，因为我们需要适配更为复杂的UI方案。        适配图像将会是响应式网络设计下一个需要解决的问题，因为我们针对不同分辨率的屏幕，例如iPhone 4s和iMac，最佳的方案是分别提供