在pc端的Firefox中添加插件ADB Helperhttps://github.com/mozilla/adbhelper手机用数据线与pc连接点击“地球”选择自己的设备这时会请求手机需要手机同意远程选择自己要查看的目的页面
分类：
移动开发 时间：
2015-09-08 23:23:56
阅读次数：
248
很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】–>【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机网页：谷歌A...
分类：
移动开发 时间：
2015-08-25 18:41:18
阅读次数：
162
最近在做手机页面时，遇到数字输入的键盘的问题，之前的做法只是一刀切的使用 type="tel"，不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案，最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。type="tel" 和 type="number" ...
分类：
移动开发 时间：
2015-08-17 00:54:21
阅读次数：
199
之前做手机页面，只是时效短、更新度高的零星几个，供APP内嵌调用。比如抽奖嘛、活动宣传啦。现在的公司，不知是不是不知者无畏，整一个app全部用html5来实现，包括头部导航条。客户端只需封装一下，打个包就OK。实现的方式是网页放在服务器，像从浏览器访问一下，客户端只是充当一个浏览器的角色。这种方式a...
分类：
移动开发 时间：
2015-08-13 17:13:54
阅读次数：
638
转载自:http://zyan.cc/chrome_phone/很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。 谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命....
分类：
移动开发 时间：
2015-08-11 16:02:09
阅读次数：
141
一、手机界面底部操作栏的创建。 1 21 22 23 新建文件夹24 复制25 删除26 css flexbox(可伸缩盒模型)：面向的场景，容器的大小是可变的，在容器内部的子节点，也要随着容器的变动，进行大小的调整和次序的变更，并且能够自动填满容器，伸缩容器，伸缩项目，主轴...
分类：
移动开发 时间：
2015-08-10 19:44:34
阅读次数：
212
从事前端开发的同学一定对Fiddler不陌生，它是一个非常强大的http(s)协议分析工具，如果你不知道它是什么，可以自行google一下，本文不再作科普，简单的说它可以代替Chrome开发人员工具中Network面板或Firefox的HttpWatch插件的功能。我们知道如何在电脑上调试页面请求，...
分类：
移动开发 时间：
2015-08-04 18:59:33
阅读次数：
158
1）谷歌妈妈2）3）当页面变成上面手机格式的时候，点击这个按钮，就可以恢复网页模式4）这时候 Ctrl+S 就可以保存该页面文件已经js css等等
分类：
移动开发 时间：
2015-07-31 14:24:02
阅读次数：
136
开门见山，本篇将总结一下 MobileWeb 的适配方法，即我们常说的H5页面、手机页面、WAP页、webview页面等等。本篇讨论的页面指专门针对手机设备设计的页面，并非兼容全设备的响应式布局。 文中提到的device-width指 viewport meta 标签中 width 的值，即由浏览器...
分类：
Web程序 时间：
2015-07-23 19:41:56
阅读次数：
2944
昨天做到后面后打算把w3school里的课程过一遍，一般这上面都是系统而简单的基础课程，相信看了后会有整体的认识。想要每天在这里更一篇，或许博客内容很多都是参照其他的但是这样会让我更多的动手实践。昨天照着做了一个最基础的手机页面跳转，今天就看看其他简单的功能。data-transition属性，是一...
分类：
Web程序 时间：
2015-07-23 17:16:16
阅读次数：
204
