文档章节

chrome inspect 远程调试H5

o
 osc_a22drz29
发布于 2019/03/23 17:22
字数 266
阅读 18
收藏 0

钉钉、微博极速扩容黑科技,点击观看阿里云弹性计算年度发布会!>>>

chrome://inspect/#devices 一个内置于chrome的远程调试指令,满足远程调试的几个必须条件

1,能够访问https://chrome-devtools-frontend.appspot.com(电脑能够*翻*墙,远程调试需向该连接获取数据);

2,手机开启usb调试模式;

3,允许电脑访问手机(手机连接不上的,请下载各品牌手机的手机助手进行连接);

以上条件为必须的  

附上连接图片:

1.很多手机的默认开发者权限是关闭的,此时请多次点击版本号,就会弹出连接开发者的弹窗

  

 

2.连接效果图

  

3.连接成功打开chrome://inspect/#devices页面,会出现下面画面

4.点击inspect弹出

 

 可以看到各种请求,点击可进行模拟调试

 

 网上很多说打开空白的,添加host可以访问,但是不能*翻*墙也是没用的,所以上面步骤1是必须的

61.91.161.217 chrome-devtools-frontend.appspot.com 
61.91.161.217 chrometophone.appspot.com

亲测,能访问  chrome-devtools-frontend.appspot.com 有无添加上面host都没关系

 

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
H5 页面调试小帮手-UC 开发者工具

调试web页面难 接触过app自动化的同学都比较清楚,如果想要对web应用或者Hybrid应用进行调试时(获取页面元素信息等等),必定绕不开的就是chrome浏览器的inspect功能了:在chrome浏览器URL...

osc_65lc1axh
2018/11/17
4
0
使用chrome开发者工具在原生安卓应用中调试WebView

大致流程如下: 在您的原生 Android 应用中启用 WebView 调试;在Chrome DevTools中调试WebView。 通过 chrome://inspect 访问已启用调试的 WebView 列表。 调试 WebView 与通过远程调试调试...

osc_2o4gyq0o
2019/08/16
7
0
appium Android下webview混合APP使用教程

背景 前几天接到H5开发人员那边的业务开发需求单,说想将H5接入到自动化系列中,特此记录分享一下。 也可参考testerhome发表的文章链接:https://testerhome.com/topics/7866 环境前置准备 ...

osc_hmkjllgv
2019/06/10
10
0
Android WebView与H5联调技巧

版权声明:本文为xing_star原创文章,转载请注明出处! 本文同步自http://javaexception.com/archives/78 背景: 突然想写一篇关于Android WebView与H5联调技巧的文章,在这块内容也算是小有心...

osc_byhxg8pe
2019/05/03
2
0
3.Appium处理原生与H5的嵌套

环境前置准备 手机与电脑USB连接,开启USB调试模式,通过adb devices可查看到此设备。 电脑端、移动端安装chrome浏览器。(尽量保证移动端chrome版本低于电脑端) App webview开启debug模式 ...

osc_271igh42
2018/06/20
16
0

没有更多内容

加载失败,请刷新页面

加载更多

Py之imblearn:imblearn/imbalanced-learn库的简介、安装、使用方法之详细攻略

Py之imblearn:imblearn/imbalanced-learn库的简介、安装、使用方法之详细攻略 目录 imblearn/imbalanced-learn库的简介 imblearn/imbalanced-learn库的安装 imblearn/imbalanced-learn库的使...

osc_8cqhsn24
8分钟前
0
0
B站是一家游戏公司?二次上市传言背后,游戏收入占比五成

撰文/文姬 出品/趣识财经 曾几何时,有着“中国YouTube”之称的哔哩哔哩,以“浪潮”三部曲吸引了一众吃瓜群众的注意。 此后,B站与知名财经UP主的“爱恨情仇”,以及高价签约知名游戏UP主...

镭射财经
8分钟前
6
0
WeChat:微信小程序设计流程注册&完善、设计&开发、审核&发布之详细攻略

WeChat:微信小程序设计流程注册&完善、设计&开发、审核&发布之详细攻略 目录 微信小程序设计流程 1、注册 2、小程序信息完善 3、开发小程序 3.1、开发文档 3.2、开发者工具 3.3、设计指南 ...

osc_e4tx8h6g
8分钟前
10
0
RecyclerView动画源码浅析

RecyclerView动画源码浅析 adapter.notifyItemRemoved(1)会回调到 RecyclerViewDataObserver: adapter.notifyItemRemoved RecyclerViewDataObserver onItemRangeRemoved triggerUpdateProce......

osc_35ne77sz
9分钟前
8
0
中科院计算所包云岗:从多场硕博答辩中,我看到了国内人才培养的进步 - 知乎

中国的计算机科学领域里,前沿研究的质变正在发生。 机器之心整理,参与:蛋酱、泽南。 国内的计算机科学领域,是否可以称得上引领方向了呢?近年来,我们在很多计算机科学,特别是人工智能顶...

osc_8i2fhl7z
11分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部