在安卓手机中调试网站

最新推荐文章于 2024-04-29 20:53:53 发布
最新推荐文章于 2024-04-29 20:53:53 发布
阅读量660 收藏
点赞数
分类专栏： 前端知识 cordova
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lucky541788/article/details/83588531
版权

尝试在手机上 去进行项目的预览和测试

  1. 要保证自己的手机可以正常运行；
  2. 要保证 手机 和 开发项目的电脑 处于同一个 WIFI 环境中，也就是说手机可以访问到电脑的 IP
  3. 打开自己的 项目中 package.json 文件，在 dev 脚本中，添加一个 --host 指令， 把当前电脑的 WIFI 的 IP 地址， 设置为 --host 的指令值；
  • 如何查看自己电脑所处 WIFI 的IP呢， 在 cmd 终端中运行 ipconfig ， 查看 无线网的 ip 地址

在这里插入图片描述

在这里插入图片描述

最后运行 npm run dev ，将运行出来的网页的地址，复制到手机上，就完成手机中调试网站了

肖ZE
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Andriod】adb调试安卓手机时连接真机或模拟器的3种方法，你知道么？
墩墩分墩
10-20 1万+
adb 称之为：`Android 调试桥 （Android Debug Bridge ）`是一种允许`模拟器或已连接的 Android 设备`进行通信的`命令行工具`，它可为各种设备操作提供便利，如`安装和调试应用`，并提供对 `Unix shell（`可用来在模拟器或连接的设备上`运行各种命令`）的访问。 - 可以在`Android SDK/platform-tools`中找到` adb 工具或下载 ADB Kits `。
chrome调试手机网页
最新发布
silent_F的博客
05-30 1139
浏览器，就会有图中框框中的内容，浏览器页面越多，框框里的内容就越多，而且每一条下面都会显示你打开的网址，选择自己要调试的网页就行。3、刷新浏览器，就会出现下面界面，如果没有出现，等一会儿再刷新，只要手机成功连上电脑，就一定会出现下面界面。，说明手机没有连接成功，只要连接成功，哪怕手机没有打开浏览器，也会出现对应手机的型号。3、需要科学上网，可以自行下载梯子，也可以修改本地。进入手机设置，找到开发者模式，然后启用USB调试。2、选择扩展程序，选择管理扩展程序。2、手机通过数据线连上电脑，选择。
android 设备调试 h5 的方法
lujianfeiccie2009的专栏
05-31 400
在 Edget 上可以调试，但是在 chrome 上不成功，所以这里我只介绍 Edget 上的调试方法。连接上后，可以点击下方的 inspect, 即可看到你调试的页面了。
android在apk中获取root权限，并执行命令(1)
2401_84123201的博客
04-29 967
1.搭建知识框架可不是说你整理好要学习的知识顺序，然后看一遍理解了能复制粘贴就够了，大多都是需要你自己读懂源码和原理，能自己手写出来的。2.学习的时候你一定要多看多练几遍，把知识才吃透，还要记笔记，这些很重要！最后你达到什么水平取决你消化了多少知识3.最终你的知识框架应该是一个完善的，兼顾广度和深度的技术体系。然后经过多次项目实战积累经验，你才能达到高级架构师的层次。你只需要按照在这个大的框架去填充自己，年薪40W一定不是终点，技术无止境。
手机web前端调试页面的几种方式
MichaelAn的博客
02-13 3336
手机web前端调试页面的几种方式 前言 PC端web页面调试比较容易，这里主要说几种移动端调试的方法，从简单到复杂、从模拟调试到远程调试，大概分为几部分： 1、Chrome DevTools(谷歌浏览器)的模拟手机调试 2、weinre(web inspector remote)远程调试工具 3、微信的“web开发者...
Android webview加载网页实时调试
miqt
09-21 919
Android webview加载网页实时调试
Android安卓手机串口调试助手
07-29
Android安卓手机串口调试助手，工程师的好帮手。该软件支持Prolific、FTDI、Silicon Labs、沁恒等市场主流品牌的USB转串口芯片，如PL2303、FT232、CP2102、CH340等。当手机接上这些USB转串口模块后，工程师便可轻松...
安卓手机调试工具ADB
01-04
**安卓手机调试工具ADB详解** ADB（Android Debug Bridge）是谷歌为Android系统开发的一款强大的命令行工具，它在Android开发者中扮演着至关重要的角色。ADB主要用于连接计算机与Android设备，进行一系列的调试、...
手机端网络调试助手（安卓和苹果）
06-01
手机端网络调试助手是一种在移动设备上运行的网络调试工具，可以帮助用户诊断和解决网络连接问题。它可以通过手机连接WiFi或移动数据网络，让用户能够在任何地方轻松地测试网络连接和调试网络应用程序。常见的手机端...
Android 手机浏览器调试使用Chrome进行调试实例详解
01-05
使用 Android 4.2 或以上的手机可能没有调试模式选项，可以找到 “设置 > 关于手机 > 版本号(Build Number)”, 点 7 次，然后返回开发者选项就可以了。 查找 USB 设备 （Enable USB discovery in Chrome） 在你的...
【安卓真机调试】较全面的Android真机调试详解
向着太阳迎着光
08-04 7814
Android Studio 会构建一个 APK，使用调试密钥为其签名，将其安装在您选择的设备上，然后运行它。如果您看到一个对话框询问您是否要“switch from Run to Debug”，这表示您的应用已在设备上运行，并且它将重启以便开始调试。如果您的应用依赖于您也想调试的某个库模块，则该库也必须使用 debuggable true 进行打包，以便保留其调试符号。上的“设置”应用包含一个名为开发者选项的屏幕，您可以使用该屏幕配置一些系统行为来帮助您分析和调试应用性能。......
安卓手机调试工具
01-23
折腾安卓手机必备工具，是连接Android手机与PC端的桥梁，通过adb可以管理、操作模拟器和设备，如安装软件、查看设备软硬件参数、系统升级
Android 安卓ADB命令远程调试 单个或多个设备调试，正式加入阿里巴巴
2401_84149444的博客
04-06 745
针对于上面的问题，我总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料。（包括Java在Android开发中应用、APP框架知识体系、高级UI、全方位性能调优，NDK开发，音视频技术，人工智能技术，跨平台技术等技术资料），希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
Android（安卓） 无线ADB调试手机（WiFi 调试、蓝牙调试）
weixin_57228276的博客
04-09 1万+
1. 手机和电脑连接同一局域网（连同一个 WiFi、手机开热点电脑连接、电脑开热点手机连接） 2.手机打开USB调试模式 3. 查找你需要连接的Android（安卓）设备的ip (方式一)手机开热点电脑连接（手机分享蓝牙网络给电脑连接）： 1)电脑打开cmd窗口(win+R) 输入： cmd 2)在cmd里面输入： ipconfig 3)找到你连接的 这里一定是默认网关，上面一行是你的开热点的手机的IPV6地址。下面那行是IPV4地址。 如果是蓝牙分享网络给电脑，就看下面的蓝
Android开发-安卓手机真机调试配置教程（以小米/红米手机为例）
LYly_B的博客
03-22 2725
打开手机的设置，点击我的设备。 进入全部参数信息。 下拉找到MIUI版本，多次连续点击，直到进入开发者模式，弹出如图提示。 在设置最上方的搜索框中搜索 开发者选项 ，点击进入开发者选项。 下拉找到“调试”中的“USB调试”和“USB安装”，全部开启，并无视风险同意。 连接此手机与工作电脑(此处注意用原装线连接，否则不会弹出提示)，点击允许弹出的USB调试。 ...
使用 edge 或 chrome 调试 安卓app/手机网页
热门推荐
Jioho的博客
10-28 2万+
edge 真香啊 从路转粉到转正的 edge 虽然目前主力浏览器还是 chrome。毕竟 edge 上插件还没那么多，很多从 chrome 同步过去的插件都是用不了/报错了。但是这并不影响 edge 的进步！尤其是国内的网络，edge 能满足大部分的需求。加上 edge 控制台的字体，配色，深得我心~。等 edge 插件市场成长起来后，一定把 edge 当主力！ 回到正题，调试 H5 每次说到调试 H5，好像有很多工具，又好像很多都拿不出手。比如: fiddler 普通的抓包工具了 spy-deb
【Android】webview页面调试总结
weixin_38792911的博客
05-31 2863
背景描述：当我们使用IDE写app时，原生app里面嵌入webview页面，但是这个页面不好调试，这个时候我们就借用谷歌浏览器来进行调试 在Android端 webview页面增加配置代码，是webview可以调试 wv.setWebContentsDebuggingEnabled(true); //wv是webview显示的页面 在浏览器地址栏输入 chrome://inspect/#devices ，打开页面 找到对应的webview的链接地址，点击下面的 inspect ,就会打开
Android 手机debug调试
佩恩的博客
02-18 4222
现象：我们的测试手机（realme RMX2111）进行Android Studio 的debug调试时，刚进入到断点处，停留了一小会就自动断开，重启APP了 解决办法： 1、打开手机设置/..../开发者选项 2、点击【选择调试应用】 3、选择你自己要调试应用 4、再次进行debug 调试，OK了。 ...
android studio在手机调试
06-06
Android Studio可以通过USB连接将手机与计算机连接起来，从而进行手机调试。具体步骤如下： 1. 在手机上打开开发者选项，并开启USB调试模式。 2. 在计算机上安装手机驱动程序，确保计算机可以正确识别手机。 3. ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值