查了很长一段时间的资料才搞好. 感悟就是:原来那么简单呐. 首要条件:同一局域网下(大致理解为链接相同的wifi) 1:命令行运行 ipconfig 2: 得到ipv4值, 用该值替换localhost 例如 localhost:8080 => 192.168.1.101:8080 , 手机访问后者即可 再通过http://cli.im/生成二维码(一个生成二维码的工具),微信扫扫就可以直接访问了. 如果帮到你了,点个推荐.让更多人看到.

一.安装 首先确保你的电脑上有node环境,然后使用cnpm或npm 安装 windows下 npm install weinre -g --registry=https://registry.npm.taobao.org mac下 sudo npm install weinre -g --registry=https://registry.npm.taobao.org   安装成功后会提示安装的位置(留意这个地址,下文还会用到) [nodejs安装] 1 .下载nodejs nodejs官网下

1. 安装 Node.js BrowserSync是基于Node.js的, 是一个Node模块, 如果您想要快速使用它,也许您需要先安装一下Node.js 安装适用于Mac OS,Windows和Linux. 2. 安装 BrowserSync 您可以选择从Node.js的包管理(NPM)库中 安装BrowserSync.打开一个终端窗口,运行以下命令: npm install -g browser-sync 您告诉包管理器下载BrowserSync文件,并在全局下安装它们,您可以在所有项目(任

小白一枚,在公司大神指导下加之找了好多资料才勉强将fiddler的使用摸透,果然很好用. 一.设置手机 二.设置fiddler

很多时候我们对移动端进行测试的时候,有pc端的测试,也有真机上的测试,pc的测试就不多说了,因为其实基本上大家都懂的.真机测试上也有几种方法,这里就推荐三种: 移动端真机调试方法 chrome真机调试 weinre调试 spy-debugger调试 当然我这里就不详细去讲这几种的真机调试到方法了,详细可以看 9102 了,你还不会移动端真机调试? 但是我这里就讲一下另一种不一样的真机测试--node打开移动项目 step1 首先先准备好基本的项目,因为个人用angular比较多,这里就拿angu

Android端真机调试访问本地接口数据时报错:request:fail abort 报错代码 onLoad: function(e) { uni.request({ url: 'http://localhost:8088/api/Gift', method: 'GET', data: {}, success: (res) => { this.GiftInfo = res.data; }, fail: (fa) => { console.log(fa); } }) } 本地接口访问没有问题:

前言 使用weinre在真机上调试H5页面,有一个突出的缺点,就是无法调试真机上的样式,真机上页面动态创建的dom在weinre的Elements面板显示不出来,所以调试真机上的页面样式也就无从谈起.如下图所示,单页应用动态创建出来的dom,压根就显示不出来.不知道网上吹嘘weinre可以调试真机dom样式文章的作者,有没有亲自做过实验,weinre调试真机dom样式的功能真的能用嘛?好用嘛 ?真的要是遇到生产问题,weinre能定位真机和PC端浏览器手机模拟器下样式不一致的问题嘛?weinre

先简单介绍两款常用但需要一定条件或限制的工具 1.如果你能FQ chrome在32版本后就自带了移动端调度工具,可以在Android直接联调,但唯一遗憾的是,在我大天朝要FQ后才能行的通,我自己试了后公司好几个机器联不上… 2.如果你有苹果电脑和iphone 苹果电脑上的safari 6.0版本后就可以直接连接iphone手机调试手机版上safari正在浏览的web页面,前提是你得有个苹果电脑和iphone手机,但如果你是Android的话,就没办法了 符合前端B格的“小苹果” 自己在公司里也是

参考 使用方法 移动端真机debug调试神器 vConsole的引入说明(原生态与WebPack) 移动端使用vconsole调试console vConsole ——开源的前端 console 调试面板 下载地址 Github BootCDN

前言 前些天重装了系统,好不容易把所有的软件装好,结果发现打开android studio真机调试却出了问题. 一.症状: 1.手机端设置完全没问题(打开了调试模式......) 2.电脑端右下角不出现插入设备的图标(安全删除硬件并弹出媒体) 3.打开设备管理器,发现手机存在于便携设备项中,而其他设备的ADB Interface上却有个惊叹号,如下图:(由于解决问题的时候未截图,故下图来自网上) 4.特别的,如果是因为其他原因造成系统无法识别出真机的,可参阅参考文章中的第二篇博文---Andro

一年不见,博客园都长草啦...... 前几日刚入手新手机小米5,系统真心流畅呀.为啥要买小米5呢,因为要提高生产力呀,好好玩移动前端开发呀哈哈哈 那么问题来了,要怎么调试手机上的前端页面呢? 很久很久以前,我的做法是:在PC上用Chrome移动模拟器调试好后,基本OK,再把相关文件传到手机上,在真机上测试以防特殊问题出现. 这个主要有两个缺点:一是传来传去的麻烦,数据量大的那就更麻烦了:二是只能显示地看着页面测试,不能做到真正的调试,测试出现问题了又得重新传. 现在,我的做法是:用PC端的Chr

搞了有一段IOS开发了,之前一直在企业做,近阶段主要在公司做C++服务端开发,打算在空闲实现搞搞个人开发,为自己赚钱,IDP还没申请下来,所以先用此方法在越狱设备上先做一下app的免证书真机调试,先记录如下: 想要免证书真机调试必须牢记以下的准则: 准则1:设备必须先越狱,而且用cydia装好appSync补丁 准则2:在前期操作过程中,xcode5必须保持完全关闭状态,否则有些变化无法更改 方法与低版本的xcode实现方法大同小异. Let`s go. 1.创建证书: 利用mac的实用工具钥匙

以前的调试方式 修改完项目文件(html.js.css等)后保存,在浏览器刷新页面查看修改后的效果 本地开启一个 tomcat 服务,修改文件后保存刷新页面,移动端或其他 pc 则需要输入 ip + 文件路径进行调试 传统调试页面的缺点是每次修改完代码,需要在相关设备上 F5 刷新下页面才能看到刷新后的效果,多个页面窗口的话还需要切换页面刷新查看效果,基于此,网页真机调试利器-Browsersync 呼之欲出. 什么是 Browsersync? 能够使浏览器快速.实时响应文件的修改 可以同时在

为什么要做H5真机调试? 第一,样式调试.浏览器的效果和真机上的效果不一定相同,没有真机调试,我们都是先上传到服务器,然后再用手机访问,显然对于样式调试来说,这样效率很低. 第二,调用到底层.真机才拥有的功能.比如说扫一扫,扫一扫是无法在电脑上调试的. 一.让手机和电脑处于同一网段 如何让手机和电脑处于同一网段? 1.如果你所处环境的wifi和电脑网络是同一局域网,当你手机连上wifi后自然很电脑处于同一网段了. 2.电脑发射wifi,手机连接.笔记本电脑可以下载wifi软件,台式电脑只能买个w

想用Eclipse真机调试,但是死活检测不到手机. 手机已经打开了usb调试模式. 开始用的华为Mate9,后面试了下小米,都不行. 在网上搜了一堆,什么安全驱动.adb占用.删除360手机助手.修改什么配置文件等等等等.都没用. 最后解决办法就是安装第三方助手,我用的豌豆荚,然后保持手机和豌豆荚连接,这样eclipse就能检测到真机了. 豌豆荚:http://www.wandoujia.com/   手机和pc端都要安装

真机调试需要注意以下几个问题 [1]手机的USB调试需开启 [2]手机不能是仅充电模式,需要传输数据模式 [3]有些USB线会偷工减料,请拿一条没问题的线,例如买手机时原厂给的配线 [4]在PC端需要安装手机驱动,驱动可以去手机的官网找,也可以开启PC端的手机助手,它会帮你下载安装 如果上述的问题还没能解决,看看环境变量有没有设置 打开命令提示符(CMD) 然后执行adb 如果是图片上方的情况,代表曾经有设置 “不是内部或外部命令...”,代表没有设置,设置方法如下 首先去Android Stu

1.下载并安装JDK 2.下载并安装Android Studio 上面两项不管用weex还是eros都是前置条件,度娘有大量教程. 开始eros 手脚架安装: $ npm i -g eros-cli 或者使用(推荐): $ cnpm i -g eros-cli 因为eros-cli依赖了node-sass,若报错请自行搜索. 生成模板 $ eros init 键入命令后根据提示完善配置信息,也可一路回车. 之后下载所需依赖 ,手脚架在Windows中需要有 Git bash $ npm inst

移动端前端开发真机调试攻略 有线调试: 一.IOS 移动端 (Safari开发者工具) 手机端:设置 → Safari → 高级 → Web 检查器 → 开. mac端:Safari → 偏好设置 → 高级 → 在菜单栏中显示“开发”菜单. 在 OS X 中启动 Safari 之后,以 USB 电缆正常接入 iOS 设备,并在此移动设备上启动 Safari.此时点击计算机上的 Safari 菜单中的“开发”,可以看到有 iOS 设备的名称显示,其子菜单项即为移动设备上 Safari 的所有标签页

概述:主要讲讲自己在使用 HBuilder 真机调试功能时遇到的问题,以及如何解决.Android 相对没有遇到什么大问题,在电脑安装如360手机助手就可以正常使用了,主要问题是在 iphone 上(电脑系统为 windows 7). 注:由于安装过程中未截图保存,故现在是凭回忆记录,如有不当之处欢迎指正. 前提: 1.手机已开启调试功能(Android 是在开发者选项中开启 USB 调试,IOS 应该是依次选择 设置 -- Sarari 浏览器 -- 高级 -- (开启)Web检查器 ): 2

iOS开发:创建真机调试证书及描述文件 关于苹果iOS开发,笔者也是从小白过来的,经历过各种困难和坑,其中就有关于开发证书,生产证书,in_house证书,add_Hoc证书申请过程中的问题,以及上架发布问题.今天就着重说一下关于针对于苹果开发者网站更新之后的真机调试证书申请. 这所有的前提都是:你得有苹果开发者账号个人($99).公司($99).企业($299)账号均可. 方法/步骤 首先打开苹果的开发者网站 点击网站上方的Member Center,会跳转到登录界面(Tips:如果登录过,并

最近学习xamarin.刚好 手上有一个lumia 930.所以试一试把uwp app部署到手机上,并真机调试一把. 目前环境: 1.开发pc电脑是win10,版本1607.加入了insider,所以版本比较高. 2.手机是 lumia 930.版本 1511,手机未加入insider,所以是稳定版本,比较低.(device-portal方式部署要求系统版本必须是win10 1511以上) 3.pc电脑和phone手机在同一个局域网 4.app是vs2015 update3 创建xamarin项