IOS模拟器

Xcode下载：https://apps.apple.com/cn/app/xcode/id497799835?mt=12

打开模拟器：

选择不同IOS模拟器：

Android模拟器

Android Studio下载：https://developer.android.com/studio

打开模拟器：

选择不同模拟器：

可以查看不同手机型号的屏幕尺寸设置不同的模拟器：https://uiiiuiii.com/screen/

iOS使用xcode模拟器 调试webView/H5页面

模拟器和mac都已按照Safari。

  1. 打开mac自带的Safari -> 偏好设置… -> 高级 -> 勾选在菜单栏显示“开发”菜单。

  2. 在顶部菜单的开发->iPhone，看见对应模拟器上Safari打开的页面，点击展开开发者工具，即可在电脑上调试移动端页面。

具体步骤：https://www.jianshu.com/p/09fc95d20483

Android模拟器进行webView/H5

页面调试

模拟器和电脑都已安装chrome浏览器。

  1. 手机chrome浏览器打开要调试的页面。

  2. 电脑chrome浏览器打开：chrome://inspect/#devices

  3. 点击对应页面的inspect,打开调试页面。

mac安装ios和Android模拟器进行h5页面调试相关推荐

  1. Mac 配置Hosts文件，用于Mac browser，iOS和Android模拟器

    最近在mac上配置Hosts,磕磕绊绊的总是有些小问题,遇到的坑跟大家分享一下. Mac上配置Hosts文件 如果小白不怎么会用Terminal的话,可以通过下面这个方法更改Hosts文件,在这里简单 ...

  2. 微信windows版_微信多开教程：Win、Mac、iOS、Android

    微信双开一般来说问题不大,但仍需节制 覆盖全平台:Windows.Mac.iOS.Android 微信,这个App,已经成为了不可或缺的存在:而越来越多的朋友拥有不止一个微信号.为了适应这个趋势,越来 ...

  3. mac安装ios应用程序_如何在Mac上安装应用程序：您需要知道的一切

    mac安装ios应用程序 If you're switching to macOS from Windows, you might be confused about installing softw ...

  4. Android SDK 2.3安装图文教程 Android模拟器上网设置

    出处:http://www.cr173.com/html/9530_1.html Google已经发布了Android SDK 2.3版本(PS:已经有2.2了 大家可以下载,但只收到windows版 ...

  5. mac安装软件管理Android手机,Mac如何管理Android手机:这方式很得体

    [PConline 评测]还记得是在8月份锤子的发布会上,除了带来了新的坚果手机外,在系统领域,老罗吐槽安卓系统和 Mac 连接时,传输和管理文件的方极为丑陋,因此他们为Mac用户精心开发了一款名为S ...

  6. mac搜不到Android模拟器,听不到声音Android模拟器Mac

    我无法在我的Mac的Android模拟器中听到任何声音.有时候,我真的很少听到它.我给你我的声音管理器代码.但我认为它的配置问题听不到声音Android模拟器Mac 我从他们说它的工作页面复制代码.而 ...

  7. android 如何判断h5页面是否加载完成_H5 键盘兼容性小结

    " 我们经常需要填写表单,键盘的行为存在各种差异." 在 H5 项目中,我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况.在 in ...

  8. android如何在登录界面嵌入图片,Android内嵌H5页面调用手机图片操作

    我们在APP中有一个功能是引导商家入驻我们平台,商家入驻就需要填写一些企业信息和上传营业执照或宣传照片等.为了考虑到方便及兼容性问题,我们产品就考虑用H5开发这个功能,然后内嵌到APP中,刚开始我们A ...

  9. android加载h5页面加进度条,使用Android仿微信加载H5页面的进度条

    这篇文章主要为大家详细介绍了Android仿微信加载H5页面进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 前言 Android中WebView打卡前端页面时受到网路环境,页面内容大小的影响 ...

  10. android 加载h5页面部分机型滑动卡顿回弹_网易爆款H5 的交互方法参考

    在早些年,H5其实更像是手机上的PPT,只支持点击.滑动这些基础手势操作.以内容展示为主,交互形式为辅. 但到了今天,H5的玩法已经有了质的突破.不仅交互形式超多,形式与内容也能紧密结合,产生1+1大 ...

最新文章

  1. 早上起来收到两个消息
  2. serializable java 规则_Java 序列化Serializable详解（附详细例子）
  3. vue中如何使用mockjs摸拟接口的各种数据
  4. opencv3——ANN算法的使用
  5. 如何成为一名数据中心运营工程师？
  6. 成功解决YOLOv3测试——could not create cudnn handle: CUDNN_STATUS_NOT_INITIALIZE作记录
  7. 淘宝商品数据库设计的一些经验
  8. [转载]带你玩转Visual Studio——带你高效开发
  9. ReSharper 全教程
  10. “买苹果辞退，买华为补贴”，这家公司支持国产手机的理由给我惊到了！
  11. 云大计算机昆工,云南最好的7所大学，分3档！本地人青看中昆医大，外省更爱昆工！...
  12. Ubuntu MySQL 授权语句错误 ERROR 1064 (42000)
  13. 微信H5开发问题集锦
  14. 包子笔记 - 关于沉没成本
  15. MTK Battery系统
  16. 模拟模型学习----几何布朗运动模拟 与 基于扩散模拟
  17. ios点击推送闪退_iOS 13.4 Beta 4 发布，闪退问题修复！
  18. 程序员常用刷题网站分享
  19. 20041220 GETSTRING.CS
  20. 计算机专业学习阶段计划书怎么写,计算机专业学习计划优秀范文2篇

热门文章

  1. 微信公众号之免登陆快速入门
  2. thinkphp 提示验证码错误
  3. vue中属性key的作用（了解diff)，为什么不建议index作为key
  4. 平面束方程少一个面的原因
  5. GEOMETRIC APPLICATIONS OF BSTS
  6. while循环结构的用法
  7. 从sql server 到Oracle使用openquery带参数查询
  8. Mac剪贴板复制粘贴内容管理: Paste
  9. CVPR2004/风格分解：Separating Style and Content on a Nonlinear Manifold在非线性流形上分离样式和内容
  10. 深入剖析MSAA多重采样抗锯齿（multisample anti-aliasing）