使用Android模拟机开发调试移动端页面

最新推荐文章于 2024-05-31 23:30:00 发布
最新推荐文章于 2024-05-31 23:30:00 发布
阅读量1.6w 收藏 7
点赞数 1
分类专栏： 工具 文章标签： 移动端调试工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kabuda0311/article/details/80967454
版权

使用真机调试可以还原bug场景，但由于真机上不方便输出调试信息，不容易进行代码调试。这里可以通过在电脑上安装一个Android模拟器，然后结合Chrome的devices远程设备功能，进行移动端页面的开发和调试

安装模拟器

mac上面的Android模拟器可选择的比较少，且性能不太好，这里推荐夜神Android模拟器 https://www.yeshen.com/ ，windows上也可使用（windows建议版本v5.0.0  https://www.yeshen.com/blog/version/）

最低0.47元/天 解锁文章
卡布达0311
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 手机浏览器调试使用Chrome进行调试实例详解
01-05
使用PC上的 Chrome 远程调试手机端的页面 工具准备 手机端：chrome for Android,；  PC端：安装谷歌浏览器(最好是最新版的开发者版本) USB 连接线, 也就是你充电器的那条线 开启调试模式 使用 USB 连接你的电脑，并开启调试模式。 使用 Android 4.2 或以上的手机可能没有调试模式选项，可以找到 “设置 > 关于手机 > 版本号(Build Number)”, 点 7 次，然后返回开发者选项就可以了。 查找 USB 设备 （Enable USB discovery in Chrome） 在你的桌面版的 chrome ，打开 菜单 > 工具
移动设备的Web应用程序开发----(模拟器)
cuike519的blog
10-25 6398
移动.NET模拟器移动应用程序可以在不同的模拟器上测试和浏览。使用你自己的浏览器当移动Web页面检测你的浏览器时，你可以使用标准的浏览器测试你的的移动应用程序。当移动页面发现是标准的Web浏览器，它将产生HTML代码输出到客户端。这种方式可以工作在IE或者任何其他支持内嵌框架的浏览器（that supports inline frames）。微软的移动模
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
最新发布
weixin_54048131的博客
05-31 122
软件开发常见流程之移动端调试方法，利用Chrome(谷歌浏览器)的模拟手机调试，搭建本地Web服务器，手机和服务器在一个局域网，通过手机访问服务器，使用服务器，利用ip实现域名访问
Android模拟器调试与真机调试
谢彦的技术博客
11-03 968
简述模拟器调试与真机调试的方法
一.uni-app项目创建与调试[应用到网页、手机上、模拟器、微信开发者]
黑日里不灭的light
06-16 442
如图：文件前输入cmd直接到该路径 写入代码进行连接： 效果： 如图：文件前输入cmd直接到该路径 写入代码进行连接： 效果： 微信小程序配置：
5款最为使用的android模拟器
albertjone的博客
10-11 1万+
Top 5 Android Emulator of 2016 | Run android apps on PC using Emulator Android emulators/simulators is the best solution to Run android apps on PC. There are lot of reasons to opt for Android E
手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机
weixin_34367845的博客
02-23 173
调试移动端页面，优先选择使用chrome浏览器调试，如果是hybrid形式的页面，可以使用chrome提供的chrome://inspect/#devices 安卓真机调试，不过这个要求比较高：首先，你的 Chrome 版本必须高于 32其次你的测试机 Android 系统高于 4.0，再其次，测试机安装 Chrome for Andro...
Android Studio开发（一）模拟微信页面
Louloo的博客
03-19 4074
Android Studio开发（一）模拟微信页面微信页面的简单模拟一、任务需求二、遇到的问题与解决方案合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表二、遇到的问题与解决方案1. AndroidX引发出的错误2. ImageButtion运行后无法显示图片创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功...
Android Studio安卓手机模拟器环境搭建
qq_54813250的博客
04-23 6792
2、解压缩文件夹内提供的JDK 11（一定是11，不能是其它版本，如果前面已经安装过JDK8，需要先在控制面板中卸载JDK8，并且删除环境变量JAVA_HOME，以及删除环境变量Path中涉及到JDK8的内容；重启后安装JDK11）5、在Android Studio中安装Android SDK 12（其它已经安装的Android SDK版本均需提前删除，去除相应版本前面的小√即可删除）4、安装Android Studio最新版本，安装完成后，在Android Studio中任意创建一个新项目。
adb调试工具（手机移动端）
11-21
adb，全称Android Debug Bridge，是Google为Android操作系统开发的一款强大的命令行工具。它允许开发者通过USB或无线网络连接电脑与Android设备，进行各种...熟悉和掌握adb的使用，对提升Android开发效率具有重要意义。
手机移动端 js复制粘贴.zip
02-26
2. **跨浏览器兼容性**: 一个重要的挑战是确保代码能在不同的移动浏览器上正常工作，比如Chrome、Safari、Firefox以及各种Android内置浏览器。压缩包中的“demo”可能是为了展示在各种环境下的兼容性测试结果。 3. ...
基于安卓Android下Java开发的手机天气预报系统含系统设计解决方案文档PDF版.zip
07-13
这个系统利用Java编程语言在Android平台上进行开发，展示了Java在移动端的强大应用能力。以下是该系统设计与实现的一些关键知识点： 1. **Android开发环境**：首先，开发者需要熟悉Android Studio，这是Google提供...
基于android studio开发的计算练习app（很简单）
07-16
总结来说，这个基于Android Studio的计算练习App项目涵盖了从前端到后端的完整开发流程，涉及Android、SpringBoot、MySQL等多个技术领域，是学习和实践移动端与服务器端开发的不错案例。开发者在实践中不仅能提升...
使用chrome调试手机web程序
03-14
在现代的Web开发中，调试是必不可少的一环，特别是在针对多平台、多设备的开发过程中。Chrome浏览器提供了强大的开发者工具，使得我们能够便捷地对PC上的Web页面进行调试。然而，当涉及到移动设备，如Android手机上...
使用Chrome inspect进行逍遥模拟器里app的调试（安卓7+逍遥模拟器）
windskyss的博客
11-18 2034
1、下载xposed和WebViewDebugHook.apk（可能需要翻墙） Xposed：https://forum.xda-developers.com/t/official-xposed-for-lollipop-marshmallow-nougat-oreo-v90-beta3-2018-01-29.3034811/ WebViewDebugHook.apk：https://github.com/feix760/WebViewDebugHook 2、把两个apk包拉进模拟器里，点击立即安装，安
Android 模拟器显示不全的解决方案
lujianfeiccie2009的专栏
05-07 1万+
QVGA (240x320) HVGA (320x480) WQVGA400(240x400) WQVGA432 (240x432) WVGA800 (480x800) WVGA854 (480x854) 最常用的是采用XML匹配,主要是针对布局中控件太多，不方便在java代码中修改的情况。在xml中解决不匹配问题很简单，对于不同手机的分辨率，建立对应的layout文件即可。
App开发-使用Android模拟器进行页面调试及功能测试
不觉晓晓的博客
06-11 3582
我们在App开发的过程中，不像pc端开发，在浏览器调试合适显示结构基本就不会发生大的改变，而App开发则不同，不同手机型号不同分辨率，在浏览器上转换为手机模式进行调试，可能达不到我们预想的效果，但是呢我们也不能稍作修改就打包发布，实用性不高，不适合开发调试阶段，这个时候手机模拟器的实用性就展示出来了。 最近也在做App开发，我们一般是把前台build在发布到模拟器上进行调试和查看样式的效果，不过浏览器的调试也是必不可少的，在模拟器上再次进行调试就是为了确保我们在浏览器上显示的效果在真正的手机端也可以有同样
使html在手机模拟器中运行
yin_chenglong的博客
04-25 7596
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=0.5, maximum-scale=2.0, user-s
在 iOS 模拟器中调试 Web 页面
热门推荐
lovenjoe的专栏
12-29 1万+
转自：http://taobaofed.org/blog/2015/11/13/web-debug-in-ios/ 双十一大家“买买买”了吗？我猜你们要么是躺在沙发上，要么是躲在被窝里用手机和 Pad 下的单，因为我就是这么干的。当然我也不是瞎猜，天猫官方微博公布的数据为证：无线端交易额占比一路保持在 70% 以上，最后定格在 68%（据说峰值数据更是丧心病狂，具体数据未公布，大

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值