如何在 PC 端进行安卓 H5 调试

最新推荐文章于 2023-11-30 18:37:03 发布
最新推荐文章于 2023-11-30 18:37:03 发布
阅读量1k 收藏 4
点赞数
文章标签： android chrome app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46229298/article/details/115639357
版权
本文介绍了如何通过数据线连接手机并启用USB调试，以在谷歌浏览器的chrome://inspect/#devices页面上对手机上的项目进行调试。详细步骤包括手机设置、页面访问和调试界面的操作，帮助开发者提升移动应用的调试效率。
摘要由CSDN通过智能技术生成
  1. 使用数据线连接手机，打开手机开发者模式启用 USB 调试。
  2. 手机打开项目页面。
  3. 在谷歌浏览器中访问地址：
chrome://inspect/#devices

出现如下页面

  1. 点击 inspect 方可开始进行调试

如果下面页面未出现，可以点击左侧 Pages 或者等待片刻

  1. 调试页面如下：

时间线原理
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
chrome调试h5移动端(含android,ios)
hahahhahahahha123456的博客
11-10 3791
chrome调试h5移动端 chrome调试(window+android) 需要条件：1.安卓开发人员需要对你页面调试得webview添加setWebContentsDebuggingEnabled得静态方法。 2.windows电脑可以爬~梯子或者安装chrome-inspect离线开发者工具包 梯~子工具：https://cp.greennode.info chrome-i...
nginx配置pc端和移动端h5自动跳转
weixin_39577247的博客
08-19 1569
PC端域名www.域名或者域名直接访问，h5端配置m.域名访问 pc端配置 server { listen 80; server_name a.com www.a.com; index index.html index.htm index.php; root /data/www/; set $mhostname $host; if ($host ~ ^(www|m)\.(.*)$){ set $mhostnam
PC端本地运行的H5 网页如何真机调试
weixin_54656536的博客
06-12 1595
PC端本地运行的H5 网页如何真机调试
通过inspect在电脑的Chrome上查看手机上的H5,以及通过vConsole调试移动端的h5
热门推荐
榴莲不好吃的专栏
05-24 1万+
通过inspect调试 首先打开手机的开发者模式，（在连续点击7次版本号，系统会提示已经打开开发者模式） 然后打开一个手机浏览器。 然后在电脑上打开chrome://inspect/#devices。这是就会出现手机上浏览器相应的链接，点击inspect弹出一个新窗口就可以查看代码了。还有就是电脑要可以翻墙的。 如果chrome://inspect/#devices调试H5的时候一直是一片...
Android模拟器调试html5 app
weixin_30768175的博客
11-03 1331
主机：Linux x641.Android模拟器，模拟器设置--->打开Enable Usb Debug2.在主机上安装firefox,最低v36.菜单--->开发者--->WebIDE 地址栏输入about:config，新建以下两个值extensions.adbhelper@mozilla.org.debug trueextensions.adbhelper@mozilla...
如何本地调试安卓端h5页面
Kidaze的博客
11-16 3065
1、使用数据线将安卓机接入电脑并打开usb调试模式 2、打开chrome输入chrome://inspect/#devices，安卓打开需调试app的h5页面，点击chrome inspect弹出新窗口 3、启动本地h5项目，在弹出新窗口地址栏输入项目对应h5本地地址即可实现本地调试安卓中h5页面 ...
【实践】H5软键盘兼容方案
qq_38211443的博客
01-12 354
可能这些是你想要的H5软键盘兼容方案 | MonkeyBlog
uni-app中H5、PC端websocket使用
08-24
在uni-app框架中，我们不仅可以使用WebSocket在移动H5环境中，还可以扩展到桌面PC端，实现高效且实时的数据交互。 在uni-app中，WebSocket的使用主要包括以下几个关键步骤： 1. **初始化WebSocket连接**： 在uni-...
一套Vue代码五端可用H5小程序PC苹果App安卓App使用mpvue实现小程序weex打包APP
08-10
在本项目中，利用Vue.js的扩展框架mpvue和Weex，可以实现跨平台的开发，覆盖H5、微信小程序、PC端、iOS App以及Android App。以下是关于这个项目的一些关键知识点和详细说明： 1. **Vue.js**: Vue.js 是一套用于...
android 中使用Vysor插件，通过USB将Android视图显示在pc上，方便调试
07-31
vysor 最新版本 亲测可用，直接安装，无需root手机，
H5和PC端开发差异对比
梅花寺
03-24 3760
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
PC 打开 vue h5移动端 页面 不变形《转载》
TwoBE9876的博客
05-01 1391
有时候，我们想让pc打开适配手机的h5，并且不变形，在不使用媒体查询的情况下，我们可以使用以下方式： 实现功能如下 pc打开 周围留空白，居中显示 当浏览器切换为手机模式/手机打开网址时 会变为手机模式 以下为主要代码 public 文件夹下 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <script as..
H5项目在Android上如何调试
最新发布
qq_34263160的博客
11-30 688
H5项目在Android上如何调试
可能这些是你想要的H5软键盘兼容方案
洛一
04-09 167
原文链接：https://mp.weixin.qq.com/s/ZoKhaFwCzXktveH8a5lhzA 前言 最近一段时间在做H5聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题： 在Android和IOS上，获知软键盘弹起和收起状态存在差异，且页面w...
vue中如何将H5写到PC端中-iframe
m0_64207574的博客
06-24 1620
vue中如何将H5写到PC端中-iframe
用pc电脑调试安卓真机
m0_61476911的博客
07-19 687
使用Edge浏览器调试安卓手机
Android H5移动调试技巧——Chrome /Edge /QQ Inspect
LlanyW的专栏
05-31 3549
Android APP项目原生的Html5做，cordova框架技术。苦于调试不便。稍微了解一下浏览器调试插件。
移动端H5页面关于软键盘的一些踩坑记录
this_ITBoy的博客
08-27 4481
最近一个项目需要做一个留言的功能，需求很简单，点击留言按钮底部弹出留言框，然后发送留言给后台就行了，还有一个就是页面要实现复制功能。讨论需求的时候我预想到了手机上软键盘的弹出可能会有一些bug，不过需求比较急，就想着先做完再来改呗。很快做完之后，在电脑上测了没毛病，提测之后，bug刷刷的就来了： 1、手机ios或者Android微信，点击留言弹出输入框，点击完成或者收起按钮，或者安卓手机点击自带...
H5（移动端）页面软键盘弹起和收起兼容封装2019-6-6
qq_42514643的博客
06-06 3083
此篇文章只为记录，自己在处理H5页面关于软键盘弹起的不同浏览器平台的兼容问题，方便以后查看。 问题1：Android在input输入框调取软键盘输入完，收起的时候出现，不失去焦点？ 问题2：Android在有多个输入框时且输入框在底部时，软键盘弹起会覆盖掉输入框？ 问题3：微信6.7.4版本，部分ios系统12.1.1手机（特别是小屏幕手机）键盘收起后不会回到原位，导致键盘原来的位置是空白？ ...
h5如何在pc端居中保持水平垂直居中显示
06-12
要在PC端居中保持水平垂直居中显示，可以使用CSS的flex布局和一些简单的属性设置。 首先，在HTML的父元素中设置display:flex;justify-content:center;align-items:center;这三个属性实现水平垂直居中。 然后，在CSS中设置父元素的高度和宽度，让它与子元素相同大小，并设置子元素的margin为auto，这样就可以实现水平居中。 接着，在子元素中设置display:inline-block;vertical-align:middle;实现垂直居中。 最后，在子元素中添加要居中显示的内容即可实现在PC端居中保持水平垂直居中显示。 以下是示例代码： HTML部分： ``` <div class="wrapper"> <div class="content"> <h1>居中显示</h1> </div> </div> ``` CSS部分： ``` .wrapper { display: flex; justify-content: center; align-items: center; height: 100vh; width: 100%; } .content { height: 300px; width: 300px; margin: auto; display: inline-block; vertical-align: middle; text-align: center; background-color: #ccc; } h1 { margin: 0; } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值