什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小 的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最...
分类：
Web程序 时间：
2015-09-24 14:18:03
阅读次数：
191
使用电脑远程调试安卓手机上浏览器的JS(2014-01-14 22:44:04)转载▼有时候要开发在手机浏览器上运行的网页，这样就涉及到要调试JS，在电脑上怎么模拟，跟使用真机还是有区别，这里介绍几种用电脑远程调试JS的方法。1.使用google浏览器，因为安卓本来就是谷歌的，因此它本身对此有支持，...
分类：
移动开发 时间：
2015-09-12 00:44:01
阅读次数：
179
近期看到群里对关于 移动端 web开发非常是感兴趣。决定写一个关于 移动端的web开发 概念或框架（宝庆对此非常是纠结）。也是由于自己一直从事pc浏览器web一直对 移动端的不是非常重视，所以趁此机会也让自己对移动端的开发 有个清晰的认识。环境：1. 移动端的内核：手机浏览器的内核是什么 在文章中A...
分类：
移动开发 时间：
2015-09-08 15:04:27
阅读次数：
240
做手机端的前端开发，少不了对手机平台的判断。如，对于app下载，就要判断在Android平台下就显示Android下载提示；在iOS平台下就显示iOS下载提示。今天就为大家介绍一下用js判断手机客户端平台及系统平台的方法：在这里就不做pc端操作系统平台的判断了，怎么判断也说下方法，如用documen...
分类：
微信 时间：
2015-09-08 00:20:02
阅读次数：
276
从初学Objective-C到现在学习iOS开发已经快要一个半月了。最近刚刚学完基本的UIView控件部分，想着先做一个简单的浏览器app练练手。为什么我要做一款浏览器app呢？我平时特喜欢用手机浏览器app上网，但使用主流浏览器发现有两个缺点：现在的浏览器可视面积不够大。平时用手机app浏览网页时...
分类：
Web程序 时间：
2015-09-02 23:12:40
阅读次数：
418
基于zepto的手机焦点图，查看地址：demo （建议使用手机浏览器查看）代码如下：zepto实现手机网站焦点图触屏划动效果1111222233334444555511112222333344445555
分类：
移动开发 时间：
2015-09-02 00:12:48
阅读次数：
721
一、选择文件1、隐藏input（大部分手机浏览器，微信中都不可用）通过js触发选择文件。js获取选择的文件并上传实现：<html>
<head>
<title>上传</title>
</head>
<body>
<imgsrc="xxxxxxx"id="p_w_picpath"onclick="select()"name="p_w_..
分类：
Web程序 时间：
2015-08-31 17:33:38
阅读次数：
317
按钮样式，在 Android 手机浏览器中显示正常，但在 iOS Safari 浏览器中会看到按钮显示为圆角样式，设置 border-radius:0; 也不好使。这是因为iPhone、iPad 设备上的 Safari 解析 input[type=”submit”] 和 input[type=”re...
分类：
移动开发 时间：
2015-08-26 13:50:25
阅读次数：
166
很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】–>【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机网页：谷歌A...
分类：
移动开发 时间：
2015-08-25 18:41:18
阅读次数：
162
在移动端，因手机的配置和3/4G网络的原因，从两个方面解决性能优化问题，1.加载不超过3秒，用loading或者资源不要超过1M。2.渲染速度。基于以上两个方面，所有影响首屏加载和渲染的代码应在处理逻辑中后置。加载优化：1.Http请求： 减少Http请求，手机浏览器同时响应请求为4个请求，所以，....
分类：
移动开发 时间：
2015-08-25 16:21:45
阅读次数：
204
