Udacity前端开发工程师(入门)14 - 响应式的重要性

移动设备上的网站

本课程将包含一些网页制作的基本准则,并适用于任何的设备。e.g. Google News就采用了两种策略,即在手机和平板上采用完全响应式显示,以及PC端采用最小起始尺寸响应式布局。

Simulator, Emulator & Real Devices

本节课程中将会使用Google Chrome自带的模拟器。模拟器无疑是一种非常经济实惠的解决方式,意味着你不需要购买真实设备,即可以测试代码在不同终端上的运行状态。想要使用云中的不同浏览器测试?尝试 BrowserStack

练习设备模拟(Chrome开发者工具更新)

Windows系统:Ctrl+Shift+I 进入开发者页面,右上角选中 Setting -> Device 可以手动设置设备的尺寸,Device pixel ratio以及User Agent String。

远程调试简介及针对移动设备设置

在装有 Chrome 的 Android 上远程调试

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容