用Chrome浏览器远程调试APP内的网页，其实是支持哒

1.Android系统的移动设备 a.开启 USB调试模式:具体设置请自行百度: b.用USB数据线连接手机设备,并同意这台计算机进行USB调试: c.在浏览器地址栏输入chrome://inspect 或者about:inspec:可以显示出设备的名称,在下图中 '2013023' 即为设备名称: d.在浏览器中随意打开一个页面或者在app中打开一个webview的页面,出现如下图所示 点击 inspect 即可调试 提示:再调试webview里的页面的时候,若无法显示出webview中打开页

调试前 请做好准备工作: 安卓手机 chrome浏览器 手机与pc连接 可以进行usb调试 例子:看如何调试 腾讯网 在手机上用 chrome 打开腾讯网 pc端 打开chrome 浏览器 输入 chrome://inspect/ 就可以看到 如果你觉得这个麻烦 记不住的话 可以采用 手动方式 这样就可以看到啦 接着 就点击 就可以看到啦 怎么回事 怎么是空白的 没有出现我们调试PC端的那样 关于出现这个原因: 针对 chrome 的东西 国人都知道要翻墙.出现这个有的显示不用翻墙也可以 有的必

做移动互联网开发呢,比较头疼的可能就是调试问题了,我是这么感觉的.因此,我对市面上比较流行的远程调试方法做了总结,对比了 Firefox.Chrome.Opera 三大浏览器的远程调试工具,大家各取所需,希望能对大家的日常工作有多帮助. 一.Opera 远程调试 准备工作: 下载桌面版 Opera 下载欧朋 HD 最新版 下载欧朋 HD 模拟器 方式一. 通过欧朋 HD 模拟器和 Opera Dragonfly 进行远程调试 安装下载欧朋 HD 模拟器.桌面版 Opera.欧朋 HD. 打开 O

浏览器远程调试插件有很多,本来要使用chrome浏览器的调试插件的,但是需要FQ才能使用(公司网络有限制,果断放弃),最终选择使用UC浏览器的. 其实UC官网插件使用已经介绍的很详细了,但是有几处坑需要注意一下额! 参考进行配置UC远程调试:http://plus.uc.cn/document/webapp/doc5.html 1,如下图,如果是win64位系统,应该解压到C:\Windows\SysWOW64目录下 2,如下图,安装adb成功后,执行以下命令进行映射端口时,命令之间有空格,可以

引言 “工欲善其事,必先利其器” 没错,这句话个人觉得说的特别有道理,举个例子来说吧,厉害的化妆师都有一套非常专业的刷子,散粉刷负责定妆,眼影刷负责打眼影,各司其职,有了专业的工具才能干专业的事,这个灵感要来源于之前我想买化妆品时,店里的海报标语,由此联想到,如果你想在某个事情上做好,并且做的专业,那么你一定要把你的工具用好,这样才能事半功倍,我见过很多师兄师姐,写了很多代码,能够很快的完成工作,能够处理很多复杂的业务逻辑,但是对于浏览器的调试掌握的并不全面和深入,说说本人吧,我的编程调试起源于

详细的请看这个(HBuilder是我长期使用,而且值得支持的国内前端开发编辑器) http://ask.dcloud.net.cn/article/151 http://ask.dcloud.net.cn/article/69 对于上面教程要注意的问题: 1,不需要考虑run in device问题,因为他们的软件设计改变了. 2,你必须要新建一个“移动App”,我这里的是h5+. 我主要是分析我遇到的问题: (这几天,我会把一整套上传百度云盘,如果可以的话,然后共享) 共享的文件可以让你不需要

一:背景通常情况我们调试移动端页面最常用的方法就是:切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面 然后用手机打开要调试的页面 刷新页面查看调试结果 但是这就存在两个问题 在pc浏览器模拟手机可能造成调试不准 用手机直接调试 又多一步刷新 那怎么能达到在pc端修改代码 在手机上直接看到修改结果这样的所见即所得的效果呢 chrome做到了 二.功能 我们先看下最终想要达到的效果 上图的左边是pc端的chrome浏览器,右边是手机上的chrome 然后可以看到当鼠标移动到某个d

1 手机先开启USB调试功能 2 用USB线连接Android设备,在PC或MAC上的chrome地址栏输入 chrome://inspect 3 勾选界面中的 Discover USB devices ,直到搜索到你的Android设备 4 在移动设备上弹出的是否允许远程调试上,选择“允许” 5 在下面的页面列表(将展示已在Android上的chrome中打开的页面),点击对应的 inspect 开始调试 参考: https://github.com/jieyou/remote_inspect

一:背景 通常情况我们调试移动端页面最常用的方法就是:切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面 然后用手机打开要调试的页面 刷新页面查看调试结果 但是这就存在两个问题 在pc浏览器模拟手机可能造成调试不准 用手机直接调试 又多一步刷新 那怎么能达到在pc端修改代码 在手机上直接看到修改结果这样的所见即所得的效果呢 chrome做到了 二.功能 我们先看下最终想要达到的效果 上图的左边是pc端的chrome浏览器,右边是手机上的chrome 然后可以看到当鼠标移动到某个