微信浏览器的HTTP_USER_AGENT
[ 2013-06-06 16:45:45 | 作者: admin ]
在iPhone下,返回
在Android下,返回
...
阅读全文…
Mozilla/5.0 (iPhone; CPU iPhone OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9B176 MicroMessenger/4.3.2
在Android下,返回
Mozilla/5.0 (Linux; U; Android 2.3.6; zh-cn; GT-S5660 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 MicroMessenger/4.5.255
不难发现微信浏览器为 MicroMessenger ,并且有版本号,也可以判断手机类型为iPhone还是Android...
阅读全文…
手机网页的自适应网页设计(Responsive Web Design)
[ 2013-05-21 14:21:07 | 作者: admin ]
随着3G的普及,越来越多的人使用手机上网。
移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?
手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。
很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。
于是,很早就有人设想,能不能”一次设计,普遍适用”,让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)?
阅读全文…
阅读全文…
解决Photoshop “某种原因阻止文本引擎初始化”的错误问题
[ 2013-04-17 19:36:16 | 作者: admin ]
Adobe CS3 Design 白金中文版前不久可以下到了,我想很多朋友都会像我一样,冲着 Photoshop CS3 Extend 中文版,把这个 1.7G 的大家伙下载了回来。(当然,除了 Photoshop,我还需要里面的 Adobe Acrobat 8.0)
安装前为了避免问题,我卸载了以前版本的 Acrobat,以及英文版的 Photoshop CS3。安装过程虽然有点慢但还算顺利,激活方面,通过算号器进行电话激活也没什么问题。安装后第一次启动 Photoshop CS3 成功,只是发现我原先的设置、Actions、笔刷等等都没了。进入 AppData 目录后才发现,原来中文版 PS CS3 和英文版的使用了不同的目录和文件名称 -_-b,早知道卸载时应该先导出就好了。
随后我用这个新装好的中文版 PS CS3 打开了一副不久前创建的 PSD 图片,出乎我意料,Photoshop ...
阅读全文…
安装前为了避免问题,我卸载了以前版本的 Acrobat,以及英文版的 Photoshop CS3。安装过程虽然有点慢但还算顺利,激活方面,通过算号器进行电话激活也没什么问题。安装后第一次启动 Photoshop CS3 成功,只是发现我原先的设置、Actions、笔刷等等都没了。进入 AppData 目录后才发现,原来中文版 PS CS3 和英文版的使用了不同的目录和文件名称 -_-b,早知道卸载时应该先导出就好了。
随后我用这个新装好的中文版 PS CS3 打开了一副不久前创建的 PSD 图片,出乎我意料,Photoshop ...
阅读全文…
基于Bootstrap样式的 jQuery UI 控件
[ 2013-03-04 14:40:55 | 作者: admin ]
http://www.bootcss.com/p/jquery-ui-bootstrap/
jQuery UI Bootstrap一个基于 Twitter Bootstrap 的 jQuery UI 主题
ExtJS是一种主要用于创建前端用户界面 ui,是一个基本与后台技术无关的前端ajax框架
[ 2013-03-04 14:30:21 | 作者: admin ]
ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。
功能丰富,无人能出其右。
无论是界面之美,还是功能之强,ext的表格控件都高居榜首。
单选行,多选行,高亮显示选中的行,拖拽改变列宽度,按列排序,这些基本功能ExtJS轻量级实现。
自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。
再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里实现了。
其实从ext3开始就支持各种方式的统计,且有控件支持excel导出。
...
阅读全文…
javascript时间
[ 2013-01-04 17:04:45 | 作者: admin ]
1、当前系统区域设置格式(toLocaleDateString和toLocaleTimeString)
例子:(new Date()).toLocaleDateString() + " " + (new Date()).toLocaleTimeString()
结果: 2008年1月29日 16:13:11
2.普通字符串(toDateString和toTimeString)
例子: (new Date()).toDateString() + " " + (new Date()).toTimeString()
结果:Tue Jan 29 2008 16:13:11 UTC+0800
3.格林威治标准时间(toGMTString)
例子: (new Date()).toGMTString()
结果:Tue, 29 Jan 2008 08:13:11 UTC
4.全球标准时间(toUTCString)
...
阅读全文…
例子:(new Date()).toLocaleDateString() + " " + (new Date()).toLocaleTimeString()
结果: 2008年1月29日 16:13:11
2.普通字符串(toDateString和toTimeString)
例子: (new Date()).toDateString() + " " + (new Date()).toTimeString()
结果:Tue Jan 29 2008 16:13:11 UTC+0800
3.格林威治标准时间(toGMTString)
例子: (new Date()).toGMTString()
结果:Tue, 29 Jan 2008 08:13:11 UTC
4.全球标准时间(toUTCString)
...
阅读全文…
jquery iframe操作
[ 2012-12-23 20:33:06 | 作者: admin ]
使用jquery操作iframe
1、 内容里有两个ifame
<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>
leftiframe中jQuery改变mainiframe的src代码:
$("#mainframe",parent.document.body).attr("src","http://www.radys.cn")
2、 如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容
...
阅读全文…
1、 内容里有两个ifame
<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>
leftiframe中jQuery改变mainiframe的src代码:
$("#mainframe",parent.document.body).attr("src","http://www.radys.cn")
2、 如果内容里面有一个ID为mainiframe的ifame
<iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容
...
阅读全文…
jQuery 获取屏幕高度、宽度
[ 2012-12-23 20:24:42 | 作者: admin ]
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).out
...alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).out
阅读全文…