近年来随着移动端的快速发展,越来越多传统的web应用需要适配移动终端,下面记录一下如何通过viewport实现简单的不同型号的手机端的适配问题。不过在此之前,介绍一下如何通过Chrome浏览器,调试在移动终端上的效果。
调试工具
首先我们打开chrome谷歌浏览器,输入天猫地址(实现了手机端适配),按F12进入开发者模式。进入如下的界面:
接下来点击右下方圈红的...
分类：
Web程序 时间：
2014-10-31 13:51:19
阅读次数：
277
最近做项目遇到这样的问题，用ajax调用页面获取值的时候，也就是用jQuery的时候呢，.get方法在FireFox、Chrome浏览器下可以正常获取值并显示，但是在IE下呢就非然，这个主要是因为IE的缓存的问题，可以这样解决： 这个代码是定时更新的，在URL后面加一个时间参数，在你提交地址...
分类：
Web程序 时间：
2014-10-30 20:43:37
阅读次数：
297
又逢圣诞了，为了让小站NowaMagic有点节日气氛，这里也弄一棵圣诞树放放～大家可以先看下效果。效果演示 由于用到canvas以及一些复杂的运算，建议使用Chrome浏览器观看，最为流畅，其次是Opera（已经开始有点卡了），Firefox差不多是逐帧播放了，Safari貌似...
分类：
Web程序 时间：
2014-10-29 18:26:57
阅读次数：
276
谷歌chrome浏览器自带http抓包工具chrome://net-internals/谷歌chrome浏览器http请求模拟插件：postman火狐http请求模拟插件：httprequest火狐http抓包插件：firebug
分类：
Web程序 时间：
2014-10-29 14:45:37
阅读次数：
157
Google Play上的应用是官方的，无第三方修改的应用。我们一般只在手机上用Google Play下载或是更新应用。 要是我们想下载的应用不是本区的或是不兼容我们的设备，Google play不让我们安装怎么办呢？ 1.首先你电脑里要装有chrome浏览器。 2.安装拓展程序APK Downl....
分类：
移动开发 时间：
2014-10-27 21:08:32
阅读次数：
241
都知道，phonegap/Cordova（安卓）只是给webapp加了一个壳而已，也就是webapp运行于webview之上。
安卓的webview虽然是webkit内核，但是自带的webview和移动版chrome浏览器的内核还是有区别的。使用过移动版chrome浏览器的人可以明显感觉到性能比自带浏览器（或者webview）要流畅得多。
安卓4.4及以上自带的webview已经是chromi...
分类：
移动开发 时间：
2014-10-24 14:44:14
阅读次数：
184
通过ReRes让chrome拥有路径映射的autoResponse功能。前端开发过程中，经常会有需要对远程环境调试的需求。比如，修改线上bug，开发环境不在本地等等。我们需要把远程css文件或者js映射到本地的文件上，通过修改本地文件进行调试和开发。通常我们可以通过以下方法来实现映射：1.修改hos...
分类：
其他好文 时间：
2014-10-24 12:56:44
阅读次数：
1086
转载地址：http://zyan.cc/chrome_phone/很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。 谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下....
分类：
移动开发 时间：
2014-10-24 12:22:13
阅读次数：
168
谷歌允许合作伙伴客制化Chrome的一些配置，如Chrome浏览器预置默认主页及书签，当预置成功后，将在状态栏看到主页的图标，可设置主页、主页的开启及关闭，可通过书签快捷打开对应网页。 客制化主要通过添加对应ChromeCustomizations.apk（主页） 及PartnerBookma...
分类：
其他好文 时间：
2014-10-23 16:09:57
阅读次数：
390
