移动端重构系列1——前期准备工作
2014-06-30 00:00
471 查看
本系列文章,如果没有特别说明,兼容安卓4.0.4+
pc端响应式开发
火狐浏览器
打开菜单栏,点击开发者,选择我们的响应式设计
![](https://oscdn.geek-share.com/Uploads/Images/Content/201503/0bf1b0e3b706edb9529387b4103aca6d.jpg)
谷歌浏览器
点击“show console”图标,打开模拟面板,使用"User Agent",选择所要模拟的机子,点击emulate按钮模拟,刷新浏览器。如要调整横竖屏,切换到"screen"
![](https://oscdn.geek-share.com/Uploads/Images/Content/201503/003ce4dbe68f4b9ab662b457526d394c.jpg)
二维码扫描
火狐中文版,地址栏右侧自带二维码扫描功能
![](https://oscdn.geek-share.com/Uploads/Images/Content/201503/3bbf12a52602553a6de028e67b1a3e4d.jpg)
谷歌浏览器,可以安装“二维码qr码生成器”这个插件
![](https://oscdn.geek-share.com/Uploads/Images/Content/201503/27681fa17dfa67cbf76964ec57a8276b.jpg)
调试
关于这个研究不多,在这推荐几篇文章吧(因为平时写css比较多,调试什么的直接pc端就可以解决了,一看效果不对,大概就知道什么问题了,换个思路或结构什么的,所以一般使用最多的是二维码和ip地址访问)
通过Mac远程调试iPhone/iPad上的网页
Android上的远程调试
Android 设备 Chrome 远程调试
uc浏览器开发者调试
-
pc端响应式开发
火狐浏览器
打开菜单栏,点击开发者,选择我们的响应式设计
![](https://oscdn.geek-share.com/Uploads/Images/Content/201503/0bf1b0e3b706edb9529387b4103aca6d.jpg)
谷歌浏览器
点击“show console”图标,打开模拟面板,使用"User Agent",选择所要模拟的机子,点击emulate按钮模拟,刷新浏览器。如要调整横竖屏,切换到"screen"
![](https://oscdn.geek-share.com/Uploads/Images/Content/201503/003ce4dbe68f4b9ab662b457526d394c.jpg)
二维码扫描
火狐中文版,地址栏右侧自带二维码扫描功能
![](https://oscdn.geek-share.com/Uploads/Images/Content/201503/3bbf12a52602553a6de028e67b1a3e4d.jpg)
谷歌浏览器,可以安装“二维码qr码生成器”这个插件
![](https://oscdn.geek-share.com/Uploads/Images/Content/201503/27681fa17dfa67cbf76964ec57a8276b.jpg)
调试
关于这个研究不多,在这推荐几篇文章吧(因为平时写css比较多,调试什么的直接pc端就可以解决了,一看效果不对,大概就知道什么问题了,换个思路或结构什么的,所以一般使用最多的是二维码和ip地址访问)
通过Mac远程调试iPhone/iPad上的网页
Android上的远程调试
Android 设备 Chrome 远程调试
uc浏览器开发者调试
-
相关文章推荐
- 移动端重构系列1——前期准备工作
- 移动端重构系列1——前期准备工作
- [.NET领域驱动设计实战系列]专题四:前期准备之工作单元模式(Unit Of Work)
- [.NET领域驱动设计实战系列]专题四:前期准备之工作单元模式(Unit Of Work)
- 【恶意代码系列】二、清除准备工作
- 工作系列之可爱屋早教中心网站重构
- Silverlight Bing Maps 学习系列(一) 开发前的准备工作
- 解析HTML前期准备工作备忘
- 【Silverlight】Bing Maps学习系列(一):开发前的准备工作
- SQL Server学习系列——准备工作
- Mvvm Light Toolkit for wpf/silverlight系列之准备工作
- SEO前期准备工作:关键词选取策略及技巧
- 驱动开发前期准备工作(UBOOT、内核烧写、NFS挂载)
- Axis2系列之准备工作【1】
- CentOS-Server-前期工作准备<一>源的制作
- 【原创】StreamInsight查询系列(一)——准备工作
- 【Bing Map学习系列】(1)——开发前的准备工作
- 网站构思及前期准备工作
- Exchange2003-2010迁移系列之二,迁移前的准备工作(上)
- 【二】SAP ECC6安装系列:安装前的准备工作