Web App
iziminy
Up Up Up ...!
展开
-
js判断手机访问网站自动跳转到手机版
目前很多网站已经出现了手机版的网站,手机网站是和互联网上的网站同步更新的,大多数人访问我们的网站是直接访问电脑上的域名,不可能为了手机网站重新记住一个域名,大家都知道,中国人都是比较懒的,那么遇到这个情况我们如何面对了,其实办法很简单就是在网站头加入一句判断语句,判断是手机访问网站时就自动跳入手机版,如果是电脑访问就显示正常版本的就可以了。代码如下: uaredirect("你的手原创 2013-11-09 10:58:27 · 1519 阅读 · 0 评论 -
jqMobi基础
一、什么是jqMobijqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架,是个极快速的查询选择库,支持W3C查询。版本jqMobi源码最初在2012年1月份推出,基于MIT/X11许可证,托管在GitHub上,开发者可参与并通过插件不断改进该框架。2012年3月13日,jqMobi 1.0版本正式发布。现在最新的版本是jqMobi 2.0转载 2014-02-17 09:39:54 · 760 阅读 · 0 评论 -
CSS3 Media Queries 实现响应式demo
Media Query Demos.wrapper { border: solid 1px #666; padding: 5px 10px; margin: 40px;}.viewing-area span { color: #666; display: none;}/* max-width */@media screen and (max-width: 600px)原创 2014-02-10 15:12:07 · 560 阅读 · 0 评论 -
自适应网页设计(Responsive Web Design)
随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的转载 2014-02-10 14:55:48 · 585 阅读 · 0 评论 -
分享一个开源响应式前端框架-SkelJS
SkelJS 仅有一个js文件,大小只有17kb。是一个轻量级的响应式设计网站应用的前端开发框架。提供可配置的栅栏结构、响应式breakpoint处理和许多其他功能。中文版API文档,参考手册: http://now.willin.org/p/skeljs/转载 2014-02-10 10:21:52 · 1699 阅读 · 0 评论 -
手机网站前端开发经验总结
导读:国内手机网站目前还算是个新鲜事物,相应的手机网站前端开发也并不是特别成熟,对于一个网页设计师来说要做一个手机网站还是会碰到许多问题,本文转载自淘宝 UED,分享如何开发进行手机网站的前端卡发。从09年初接手淘宝手机网站前端开发的工作至今,转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子,感慨良多。手机网站开发,有着许多不为人知的困难:一是可参考的资料太少,大部分手原创 2014-01-23 20:40:28 · 1296 阅读 · 0 评论 -
手机网站前端开发布局技巧
在 此所说的移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解,你需要对HTML5和CSS3有一定的了解。如果你已经对此有所了解, 那现在就开始往下阅读吧……1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开原创 2014-01-23 20:40:30 · 789 阅读 · 0 评论 -
使手机浏览器输入www网址自动跳转手机版页面
function is_mobile() { var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfa原创 2013-11-09 10:52:35 · 13341 阅读 · 0 评论 -
jQuery Mobile笔记一
1、模板结构1.1 jQuery Mobile单页模板 Page Template //user-scalable=no 禁用缩放--> //自定义脚本位置 Page Header 你好 //注意:html文件的编码格式要为utf-8,否则有中文会乱码data-position="fixe转载 2013-10-09 14:29:06 · 877 阅读 · 0 评论 -
用谷歌浏览器来当手机模拟器
很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。 谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页: 谷歌Android:chrome.exe --user-agent="M转载 2013-11-09 14:22:36 · 800 阅读 · 0 评论 -
jQuery Mobile笔记二
不断学习中,内容会根据进度不断补充和调整,内容来自书籍,网络和本人实践,如有错误欢迎指正!6、按钮6.1 链接按钮(1)默认按钮,填充其外层容器的整个宽度 data-role="button">Button(2)紧凑按钮,宽度与内部的文本和图标的宽度相同data-role="button" data-inline="true">Button6.2 表单按钮Bu转载 2013-10-09 14:30:18 · 773 阅读 · 0 评论 -
jQuery Mobile笔记三
不断学习中,内容会根据进度不断补充和调整,内容来自书籍,网络和本人实践,如有错误欢迎指正!8、列表8.1 列表基础(1) 标签定义列表项目。 标签定义有序列表。 标签定义无序列表。 标签可用在有序列表 () 和无序列表 () 中。 (2)为列表元素添加data-role="listview"属性后,jQuery Mobile将本地HTML列表增强为移动视图,默认占据整个屏转载 2013-10-09 14:31:49 · 718 阅读 · 0 评论 -
用jquery mobile实现手机上的文字或者图片可以左右滑动?
首先左右滑动如何实现:比如这个块区域是那么对该div进行监听触摸屏事件:var x_m_d =null;var x_m_u = null;var m_d=false;document.getElementById("move").addEventListener('touchstart',m_down, false);document.getElementById(原创 2013-11-09 10:54:59 · 2519 阅读 · 0 评论 -
jqMobi快速入门
在《小强的HTML5移动开发之路(33)—— jqMobi基础》中我们了解了什么是jqMobi,并从官方下载了jqMobi开发包,下载后解压目录如下:拷贝上面的/css目录、/plugins目录、/ui目录、/appframework.js文件,如下图所示。如果需要也可以拷贝index.html,然后自己修改,比如上面我的index01.html和index转载 2014-02-17 09:47:37 · 1236 阅读 · 0 评论