随笔分类 -  移动端Web

摘要：本调试方式需要wifi环境和webkit浏览器。weiner主页：http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html一、配置调试服务器（一）、nodejs搭建调试服务器（以windows为例）1、安装node.js安装程序下载：http://nodejs.org/#download本文安装在“F:/nodejs/”目录。2、测试安装是否成功打开CMD，切换到nodejs所在的安装目录。输入如下命令测试node.js和npm是否安装成功。默认windows最新安装包，会包含npm，如果npm没有安装，请手动安装。C:\Us 阅读全文

摘要：近期项目中使用iScroll遇到一个问题，在设定wrapper为横向滚动时，如果你手指放在该区域，将无法拉动页面，也就是说该区域取消了默认事件。这个体验是实在是无法接受，特别是页面中有多个横向滚动区域时，很容易触碰到这种区域，这时用户将觉得页面很卡。Google搜了一下，看来很多人都为这个问题而烦恼。有高人给出了解决方案，在这里可以找到。代码如下：myScroll = new iScroll('scrollpanel', { // other options go here... vScroll: false, onBeforeScrollStart: function ( . 阅读全文

摘要：当该 HTML 页面在手机上浏览时，该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。在 iPhone 上默认值是：如果你不希望手机自动将网页中的电话号码显示为拨号的超链接，那么可以这样写： 阅读全文

摘要：本文记录在ecplise里建立一个基于Cordova的android项目的基本步骤。准备工作：1、cordova-3.0.0.jar2、cordova.js3、发开android的eclipse的环境。Android SDK、ADT Plugin开始建立项目1、打开Eclipse，选择文件->新建->Android Project。与建立原生的android项目一样的步骤。2、把cordova-3.0.0.jar复制到libs目录下面，如果没有libs目录就创建。3、在asset目录下创建www文件夹，把cordova.js复制到www目录下面。4、从下载的包里面复制xml文件夹到 阅读全文

摘要：最近做web app项目做到心血来潮，有太多经验想记录，太多细节想分享。今日把使用iscroll4 一直困扰了很久的问题研究解决了，很高兴决定把使用的心得写出来，方便大家参考，不要再走太多的弯路。iscroll4 是一款针对web app使用的滚动控件，它可以模拟原生IOS应用里的滚动列表操作，虽然插件不大但是效果十分好。是web app开发必备的控件之一。iscroll4官网 ：http://cubiq.org/iscroll-4为什么要用iscroll4因为在IOS5之前，web webkit是不支持一种原生方法去滚动固定 长/宽 容器里的内容的。简单的说，就是css属性 overflow 阅读全文

摘要：为了更好的提升用户体验，移动端逐渐出了许多的移动端的框架，比如Sencha Touch、JQTouch、Jquery-moblie、jqMobi等等。这些框架都有优缺点，不同的框架应用在不同的项目中。现简单阐述一下各框架的优缺点： 一、Sencha Touch框架是一个重量级的框架、它上手较难，代码复杂，并且需要较强的程序基础才能学习，最开始的时候因为一个项目，想使用Sencha Touch框架，后来工期实在太紧张，根本没时间学习它并使用。所以最后转投其他框架。这个框架兼容性很高，运行起来的速度一般，需要长时间的学习且需要水平较高的程序基础才行。所以不太适合前端制作人员的使用。我会在以后... 阅读全文