移动端前端开发调试-将safari设置iPhone模拟器

最近一直在做手机网页开发调试,换手机换来换去很不方便。所以总结了两个办法。

第一个将safari设置iPhone模拟器:

步骤:

1. 打开safari

2. 点击右侧的齿轮,选择“偏好设置”

3. 选择“高级”选项卡 --- 勾选 在菜单栏中显示“开发”菜单

4. 关闭对话框

5. F10, 在工具栏将显示 开发 选项卡

6. 用户代理选择要设置的UA

第二个谷歌浏览器设置各种UA

1. 打开谷歌浏览器

2. 点击右侧菜单按钮,选择“更多工具”--“开发工具”(快捷键F11火ctrl+shift+i)

3. 在打开的开发者工具(Developer Tools)界面的右下角,找到Emulation

4.找到device。

5. 选择要设置的UA

PS:审查元素是个好东西。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏地方网络工作室的专栏

打造前端 Deepin Linux 工作环境——系统更新以及配置字体

打造前端 Deepin Linux 工作环境——系统更新以及配置字体 安装好编辑器,然后就准备码代码了,但是感觉字体不是很好看。所以决定配置一下字体。顺便把系统...

3826
来自专栏Crossin的编程教室

在 Win 控制台中实现菜单

本教室的 hymyg 同学实现了两个控制台下的实用模块,发在了论坛上。我觉得挺不错的,于是分享其中的一个给大家。对项目感兴趣,想进一步了解细节的,可以在公众号里...

2795
来自专栏IT开发技术与工作效率

Excel Post下载网址获取方法

1712
来自专栏疯狂的小程序

像 React Native 开发 APP 一样,用wn-cli 开发 weapp (微信小程序)

wn-cli 像React组件开发一样来开发微信小程序

4086
来自专栏前端人人

React第三方组件4(状态管理之Reflux的使用③TodoList中)

本教程总共5篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React第三方组件4(状态管理之Reflux的使用①...

3304
来自专栏快乐八哥

修复bootstrap daterangepicker中的3个问题

最近项目中使用了一个基于Bootstrap的daterangepicker控件。 1.点击页面其他空白的地方,会把之前在日历上选中的日期选择上。 具体描述: 1...

2355
来自专栏快乐八哥

Web Fundamentsals学习1-Multiple-Screen-Site

你的一个运行于多设备网站(Your First Multi-device Site) ? 遵循的步骤: 1.定义信息架构(information archite...

1949
来自专栏DeveWork

移除WordPress 管理后台的主题编辑功能

出于安全考虑,如果你的WordPress 是多人使用的(比如说一个团队博客,多用户管理)。那么为防止一些小白胡乱修改后台导致网页问题,可以移除WordPress...

1956
来自专栏代码GG之家

Scoops android app多主题架构(二)

简要说明 通过注释方式,完成多主题的效果更换。可以减少一些代码,使得代码更清晰一些。 ? 使用说明 1 首先写一个注释类 ? 2 在MainApp 初始化的时候...

2018
来自专栏CDA数据分析师

让你效率提高300%的Excel键盘技巧

本文为简书作者傲看今朝原创,CDA数据分析师已获得授权 刚进惠普的时候,听说公司里的某个领导操作Excel从不用鼠标,感觉真是太牛逼了,满是崇拜的眼神。然而经过...

2068

扫码关注云+社区