【原】[webkit移动开发笔记]之使用chrome进行手机开发
2023-09-14 08:57:56 时间
Chrome浏览器,相信大家并不陌生,该浏览器是基于其他开放原始码软件所撰写,包括WebKit和Mozilla,以其简单、快速、安全、稳定、扩展丰富等特性受到了不少人的喜爱,2012年8月6日,Chrome已达全球份额的34%,成使用最广浏览器。
Chrome浏览器提供了非常简单方便的开发人员工具,方便我们在PC端做手机开发,那么如何是如何在PC上做简单的手机页面开发呢?
首先下载chrome最新版本版本 24.0.1312.56(有些旧版的缺少一些功能,建议更新到最新版本),然后在Chrome浏览器中打开某个页面,选定网页元素(如通栏、文字、图片等),按鼠标右键,从右键菜单中选择“审查元素”,就可以打开Chrome浏览器的开发人员工具,快捷键为“Ctrl + Shift +C ”,也可以直接按F12,可看到如下界面:
简单手机开发从这里说起猛击开发人员工具右下角的“设置”按钮,展现如下图:
选择overrides
然后可以选择你的开发系统和设置屏幕尺寸
搞定~
移动开发笔记 2015年2月9日 18:09:11 因为移动端app有新老版本的区别 服务端推送给app的数据, 老版本可能解析不了 因此在移动端设计的时候要定义个 白名单 , 服务端来的数据, 只解析在白名单内的数据 防止因为有新数据返回时, 老版本解析不了而出错, 或者, 服务端为了兼容做太多的版本判...
相关文章
- 【Mac】系统语言切换为英文后chrome浏览器无法用国内印象笔记账号登陆印象笔记剪藏
- Chrome资源嗅探器应用
- 在 VS Code 和 Chrome 中调试
- chrome: 保存页面中的canvas为图片(chrome 107.0.5304.110)
- 以app形式启动chrome
- 在 Chrome 开发者工具中调试 node.js
- 静默安装Chrome Browser
- Chrome谷歌浏览器插件-小结
- 前端笔记 ---- Chrome 浏览器不能跨域访问解决方案
- 一个好用的便利设置浏览器代理的Chrome扩展应用
- 推荐一个有趣的Chrome扩展程序-查看任意网站的开发技术栈
- Chrome浏览器,搜索JS方法。
- 已解决Message: unknown error: Chrome failed to start: crashed (chrome not reachable)
- Python selenium.webdriver.chrome.options.Options() Examples
- 003-CHROME开发者工具的小技巧
- Chrome 上传时打开对话框非常慢