关键词：
调试移动端页面分为两种
- 开发时，移动设备连接上PC起的服务
- 调试移动设备上的页面
手机连接PC的本地服务
在开发移动设备页面时，常用CHROME自带的模拟移动设备外，还需要有真机去测试一下，而不是布到测试服务上去之后，再使用真机测试。
第一步：手机连接上电脑的局域网，之前在网上找的教程，想的是可能是手机和电脑都使用公司的无线网络，然而这是不可以的。正确的姿势是使用电脑共享一个网络服务，再使用手机连上电脑的网络。
我使用的WIN10里自带了移动热点，电脑使用无线连接网络时也可以使用这个热点共享，手机连接上这个网络
第二步：本地使用工具起本地服务，在电脑上可以使用localhost:3000访问，手机则需要使用IPV4去访问这个网络
查询电脑IPV4的方法，在电脑的命令行里，输入ipconfig即可查询到
最在在手机浏览器里输入IPV4 + 端口号即可访问到那个页面
调试手机上的页面
电脑和手机同时使用chrome浏览器
第一步：电脑输入chrome://inspect/#devices进入等待手机插入
第二步：使用手机数据线，连接电脑，注意手机要调成USB调试模式，每个手机具体开启位置就百度吧
第三步：使用手机CHROME打开想要调试的页面，这个时候就可以在电脑上看到
手机处于连接状态可调试状态了，这个时候点击调试，却发现页面一直处于loading状态，这个时候就需要FQ，在FQ之后，就可以正确地打开页面了
移动端页面手机调试debug
参考技术A1.安装：npminstall--save-deveruda2.页面引入eruda：importerudafrom'eruda'3.初始化eruda：github地址：https://github.com/liriliri/eruda如果不是基于Vue项目的而是一个简单的活动页面。只需在页面添加如下<script></script>标签就... 查看详情
移动端调试神器vconsole
多页面应用，在每个页面添加<scriptsrc="path/to/vconsole.min.js"></script><script> varvConsole=newVConsole() console.log(‘HellovConsole‘)</script> 单页面应用npminstallvconsole importVC 查看详情
移动端页面iphone+safari页面调试之正确查看网络请求的姿势
如题本文主要将 Safari+iPhone前端开发调试 之正确查看网络请求的 姿势 惯例说下问题场景： 早知道safari（Mac）+iPhone调试的方便能解决很多日常调试问题，但有次帮人调试问题发现是接口报错但不知道... 查看详情
移动端调试—iphone+safari
1 开启iOS设备的调试功能打开“设置”程序，进入“Safari”->“高级”页面开启“Web检查器”：2 macsafari浏览器设置开发者工具safari->偏好设置->高级->勾选在在菜单栏中显示开发菜单3 链接USB线，在手机端发送u... 查看详情
whistle——真机移动端页面调试查看修改真机端的页面dom结构及样式
1、查看、修改真机端的页面DOM结构及样式【参考——https://imweb.io/topic/5981a34bf8b6c96352a59401】；1.0、需要配置的rule——域名weinre://随便某个分类命名【如：wq.jd.comweinre://test2——test2只是作为weinre的分类，防止一... 查看详情
h5移动端调试weinre(代码片段)
...查（WebInspectorRemote），发音同winery[?wa?n(?)ri]。可以在PC上调试运行在移动端上的页面。 weinre有5大功能Element：查看/修改dom，查看/修改domCSSResources：查看/修改localStorage,sessionStorageNetwork：查看网络请求Timeline：Console 查看详情
混合开发之h5在移动端如何调试界面
...是在APP端打开，就会产生一个问题：当界面报错或者需要调试时，很难进行相应的调试工作，在经过一些尝试之后，发现使用vorlon进行调试比较方便（在Vue多页面工程中，单页面未尝试，但是原理应该一样），以下记录使用过程... 查看详情
网页自动适应移动端页面展示
...户端写一个用户提交选择语言的页面，在电脑上使用chrome调试好之后，使用移动端模式能正常显示。但是从移动端打开的时候并不能正常显示，显示为电脑样式。之前有做过一个自动适应的页面，分析代码发现在head标签中加入... 查看详情
移动端调试通过抓包工具代理，让电脑端配置的host在手机端生效(代码片段)
移动端调试需求分析chrome://inspect/#devices用抓包工具让电脑代理手机的请求Charles/whistlewhistlespy-debugger页面调试＋抓包无需USB连接设备引用如何让电脑端配置的host在手机端生效（MVVM项目开发测试）https://zhuanlan.zhihu.com/p/... 查看详情
如何在移动设备上调试网页
这篇文章所讲到的方法已经过时，请移步《移动端真机调试终极利器-BrowserSync》，欢迎分享更多工具。手机端页面，大多运行在webkit内核的浏览器上，但还是会因平台、厂商的不同而有种种兼容性问题。下面就介绍一下在iOS和And... 查看详情
在vscode编辑器中，如何实现手机端调试页面
参考技术A 要想在移动端调试，首先得本地起一个服务，这时候就用到了liveserver插件。 查看详情
三星移动端浏览器远程调试
...、多媒体文件等），将手机恢复出厂设置。 Step2:配置调试环境1.电 查看详情
移动端真机调试方法
最近要分析web页面，在安卓和ios上的性能差异，除了操作系统本身不同之外，应该还多地方要探究的，第一步就是要在真机上分析。所以总结一下几个方法。1.Mac++iPhone+ Lightning+Safari浏览器步骤：1）用：Lighting线将mac与iphone相... 查看详情
移动端调试
xx</a使用spy-debugger调试微信或者移动端的网页移动端真机调试</a 查看详情
firefox怎样调试android页面
Android版火狐现在已经支持远程调试功能，这可以说是Web开发者的福音。这样你可以利用桌面版的开发工具来辅助开发，如Firebug。这样可以直接简化开发任务，以便开发和测试自己的移动网站和网络应用程序。 远程调试... 查看详情
优雅的用eruda在移动端上调试网页『未完』(代码片段)
...址：erudaDemo演示( extEruda)是一个专为手机网页前端设计的调试面板，类似DevTools的迷你版，其主要功能包括：捕获console日志、检查元素状态、捕获XHR请求、显示本地存储和Cookie信息等等。其有以下功能：Console面板：捕获Console日... 查看详情
移动端响应式
...，页面也会根据浏览器的宽度和高度重新渲染页面，这对调试来说是一个极大的便利。 &nbs 查看详情
移动端真机调试
移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决... 查看详情