❶ 如何用手机进行本地前端调试
第一步：连接电脑与手机
1. 手机打开“开发者选项”
安卓手机进入“设置”—>“关于手机”—> 在“版本号”上点7次（或其他的版本号位置，一个个试肯定有……）
然后“开发者选项”就出现在“设置”里面了。
2. 手机打开“USB调试”
进入“开发者选项”—>打开“USB调试”（如果想手机长亮还要打开“不锁定屏幕”）
3. 连接并允许调试
用USB数据线将手机与电脑连接—>手机上出现“允许该电脑调试”时点“允许”（可能会晚点出现，先去第二步）
第二步：用电脑启动手机浏览
1. 打开chrome的inspect
在电脑chrome地址栏中输入chrome://inspect—>勾选“Discover USB devices”
如无意外在Devices中会出现手机型号。
如果没有，再确认下：开发者选项、USB调试、允许该计算机调试
2. 手机打开chrome app
在手机中打开chrome，这时电脑的chrome inspect中会出现输网址的地方。
3. 测试手机浏览的控制
在电脑chrome inspect输入框中随便输个在线网址，点Open，手机chrome就会打开该页面。用电脑chrome可以控制刷新、关闭，但是用来调试的inspect点开是空白，应该是被墙了。
第三步：用手机测试本地页面
1. 开启本地服务器
对的，很遗憾手机chrome不能进行静态页面的调试。
所以必须开本地服务器，所幸现在有gulp+webserver，用法这里不讲了。
总之，完成这一点后，你应该在电脑上用 http://localhost 来浏览网页了。
2. 电脑chrome开启端口转发
在chrome inspect中点“Port forwarding...”—>把端口和localhost链接输进去（比如8000和localhost:8000）—>勾选“Enable port forwarding”—>Done
3. 打开手机浏览localhost
如：输入http://localhost:8000 点Open
这样手机就能打开页面了。
❷ 如何在手机上调试h5
众所周知，我们做前端的写页面都是在电脑浏览器里调试，但是h5在浏览器手机模式和真机还是有区别的，所以这里记录下我的方法。
步骤：
（1） 建立新的文件夹，进入文件夹，npm init，把要打开的文件拖入
（2） npm install live-server 安装live-server
（3）在json里面修改IP改为本地ip，例如：
（4） npm run server，运行生成地址
同方法一，手机和电脑在一个wifi下，这样地址就可以用手机端访问了
其他也可以使用Apache HTTP Server
❸ 怎么在移动端调试web前端
移动端的测试特别简单，通过改变视窗大小（也就是缩放你的浏览器）即可测试。
iphone+ safari 可以直接用satari开发工具调试。chrome+android也有类似的工具组合
❹ 怎么在移动端调试web前端
响应式测试：Chrome DevTools 面板右侧拉伸快速查看效果；Firefox 响应式工具进一步调整；Chrome Emulation 精细测试。
Android 设备测试：使用 Android 虚拟机；优先使用 Weinre 测试，分析用户浏览器使用份额，有针对的进行测试。高版本 Android 测试机，使用 Chrome 连接调试。Android 4.4+ 的 WebView 修改 APP 源代码，也可以用 Chrome 调试。
低版本系统和其他品牌手机以及 WebView：统统可以用 Weinre 来解决。
iOS 设备测试：使用 Xcode 自带 iOS 模拟器，使用 Safari 调试；WebView 也可以被电脑上 Safari 调试；测试机连接电脑，也可以用 Safari 调试；MIHTool 可以在 iOS 设备上使用，提供类似 Weinre 的调试功能。
测试多种设备：BrowserStack 和 Keynote。
使用 BrowserSync 可以创建本地局域网 IP 服务器，并同步操作、监听刷新，极大减少测试操作，提高测试效率。
当移动端设备无法访问某项资源时，使用 Charles 做代理，通过电脑去访问。
❺ 怎么在移动端调试web前端
可以用Hbuilder开发工具连接手机，ios系统需要在电脑上下载itunes，安卓的话需要下载个手机助手，Hbuilder里有在手机运行的选项的。
❻ 如何在移动设备上调试html5开发的网页
一、iOS + Safari
1、打开手机web检查器。
通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。
2.链接电脑（Mac）
2.1 先在手机Safari中打开你想调试的网页，并用数据线连接到电脑（我这里是Mac）
2.2 再在电脑上打开Safari点击【Develop】菜单，就会看到如下图所示（点击查看大图）：
3.3 点击2.2中的网站名就会在电脑上打开Safari的控制台，如下图（点击查看大图）：
3.调试网页
如上3.3图所示，此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来，如下图（点击查看大图）：
二、Android + Chrome
1.设置手机
1.1【设置】>【关于手机】>【版本号（Build number）】，对版本号这一项连点7下（这是官方文档里的说法）就会提示“你已成为开发者”。
1.2 再返回【设置】>【开发者选项】>【USB调试】打开手机USB调试。
2.设置电脑（Mac）
这块比较麻烦，因为要装一下Android的SDK。
2.1 下载Android SDK，并解压，我把整个adt目录放在了 /Users/David/adt/ 这里。
2.2 设置环境变量 。打开终端在David路径下（形如 DaviddeMacBook-Pro:~ David$）输入 open .bash_profile，如果文件存在则会打开，如果不存在则再输入touch .bash_profile 创建并打开这个文件。在文件里输入export PATH=$PATH:/Users/David/adt/sdk/platform-tools:/Users/David/adt/sdk/tools ，关闭保存。最后在终端里输入 source .bash_profile 来更新环境变量使其生效。终端里输入 adb 出现命令帮助信息就是成功了。
2.3 在终端里输入 adb forward tcp:9222 localabstract:chrome_devtools_remote 。
3.链接电脑
3.1 在手机上的Chrome里打开想要调试的网页，用数据线连接手机和电脑（我的是Mac。唉～我只是强调平台的不同，不要误会）。
3.2 打开电脑上的Chrome，在地址栏里输入 about:inspect 选中 【Discover USB Devices】前面的复选框。出现下图画面（点击查看大图）：
4.调试网页
4.1 你可以点击图3.2中检测到的设备上正在运行的网站下面那个【inspect】，或者在浏览器中输入 localhost:9222 打开手机正在浏览的网页列表，如下图：
4.2 点击上图中的网站缩略图，就会跳转到Google的一个代理链接（链接可能被墙……，挂代理）就会打开如下图所示的控制台（点击查看大图）：
4.3 这就和电脑上网页调试没什么差别了，鼠标经过DOM节点，手机上的布局同样也会高亮起来：
好的，完结。
❼ 怎么在移动端调试web前端
移动端的测试特别简单，通过改变视窗大小（也就是缩放你的浏览器）即可测试。
推荐两个浏览器：
Firefox 浏览器，内置了响应式测试工具，可以通过 Firefox 工具 -》Web 开发者 -》自适应设计视图 启用 来进行调试。
Chrome浏览器，和火狐一样，直接按F12打开开发者模式，点击那个手机图标就可以，还有各种预设屏幕尺寸供选择。
当然还有各种专业的Android 虚拟机和基于 iOS 的各种调试程序，比较多
❽ 怎么在移动端调试web前端
具体调试步骤如下：,
用 Chrome 模拟 UA、屏幕尺寸 和 触摸特性，完成第一阶段的开发和调试。
但对于国内开发者而言，最大的问题在于国产浏览器的各种奇怪BUG。
面对这类没有调试工具的浏览器，weinre 也是一个可行的解决方案。
如果只是对JavaScript的异常进行跟踪，自己敲几行代码也可以勉强处理一下。
引入一个外部链接来接收异常信息，借此把异常显示到开发环境中，这样就可以根据异常的信息对 JavaScript 代码进行跟踪和定位。
其中大致的实现原理，是通过对 window.onerror 进行一个全局的异常监听，把捕获到的异常发送到指定的接口。
❾ 华为荣耀8怎么连接电脑 移动前端调试
点击“手机->设置->关于手机->版本号“，点击7次，即可开启开发人员选项。点击返回键后，点击“开发人员选项->开启USB调试->点击允许USB调试“。由于Google安全限制，需要进行如上操作才可以打开USB调试，如果弹框未出现，请重新插拔一次USB线