xml地图|网站地图|网站标签 [设为首页] [加入收藏]

移动端h5调试方法,debug调试插件介绍

来源:http://www.ccidsi.com 作者:集成介绍 人气:86 发布时间:2019-11-20
摘要:在前端开垦中假若您不明了那多少个webdebug调试插件使用也算是白学了,下边笔者来给大家再也总括一下那5个js与webdebug调节和测验插件,希望对你有一点点辅助。 在前端开拓中,调节

在前端开垦中假若您不明了那多少个web debug调试插件使用也算是白学了,下边笔者来给大家再也总括一下那5个js与web debug调节和测验插件,希望对你有一点点辅助。

在前端开拓中,调节和测验技巧是供给的技术,本文将介绍四种前端开采必备的调整能力。

前移动端调节和测量检验方法

1、依赖强盛的chrome浏览器,按F12张开开垦者情势,什么样式还应该有js断点都能够化解

  • 代码里面写入debugger
  • 弹框给出提醒

2、假诺是app中内嵌的h5页面,则麻烦一点。假设是安卓,app开启debug的意况下,用数据线连接Computer,张开chrome,输入:chrome://inspect/#devices,驱动安卓成功的话,将 Android 设备上的内容抓屏到你的支出计算机上的 DevTools 实例中。

3、利用代理工科具,比如dpy-debugger,能一蹴而就https代理难点,内部有weinre,Weinre(Web Inspector Remote)是风华正茂款基于Web Inspector(Webkit)的中间距调节和测量试验工具, 它使用JS编写, 能够让大家在计算机上直接调节和测量试验运转在小叔子大上的长途页面。 与金钱观的Web Inspector的利用处境不一致, Weinre的利用情况如下图, 调节和测量检验的页面在小叔子大上, 调试工具在PC的chrome, 二者通过网络连接通信;代理anyproxy,能够代理调节和测量试验https

4、Wechat调节和测量检验web调节和测量检验工具,能够调度Wechatjs的片段效率
Wechat支付步骤:

  • Wechat公众号配备安全域名(不能够带端口号)
  • 前端配置appID等新闻,配置apiList权限列表
  • 向来调用Wechatjs方法

在前端开荒中,调节和测量检验技艺是少不了的才干,本文将介绍二种前端开采必备的调剂技巧。

  1. Weinre移动调节和测验
  2. DOM 断点
  3. 皇家娱乐登录,debugger断点
  4. native方法hook
  5. 长途映射本地调节和测量试验
  1. Weinre移动调节和测试
  2. DOM 断点
  3. debugger断点
  4. native方法hook
  5. 长间距映射本地调节和测验

Weinre

在活动方面开拓调节和测验是很复杂的,所以就有了weinre。安装weinre能够完毕pc来调解手提式有线电话机页面,所以对于运动支付调节和测量检验是很关键的啊~

皇家娱乐登录 1

Weinre

在运动方面开荒调节和测量试验是很复杂的,所以就有了weinre。安装weinre能够兑现pc来调治手提式有线电电话机页面,所以对于运动支付调节和测量检验是很入眼的啊~

皇家娱乐登录 2

安装weinre

weinre能够因此npm来设置:

  • 1
npm install -g weinre

安装完之后,可举办上面包车型地铁吩咐来运营:

  • 1
weinre --httpPort 8080 --boundHost -all-

如此访谈自身的127.0.0.1:8080依据提示在急需调和页面中插入风华正茂段js,然后就能够调理了。操作分界面相通Chrome的 DevTools,具体操作可以看下教程

安装weinre

weinre能够通过npm来设置:

 代码如下

复制代码

npm install -g weinre

安装完事后,可举行上面包车型大巴命令来运维:

 代码如下

复制代码

weinre --httpPort 8080 --boundHost -all-

如此那般访谈自身的127.0.0.1:8080根据提示在须求调养页面中插入生机勃勃段js,然后就足以调治将养了。操作分界面雷同Chrome的 DevTools,具体操作能够看下

原理

通过在急需调理的页面中引进风度翩翩段weinre的js,达成pc和手提式无线电话机的socket通讯,进而达成实时调节和测量检验。

原理

透过在急需调和的页面中引入大器晚成段weinre的js,达成pc和手提式有线电话机的socket通信,进而实现实时调节和测验。

Tips

  1. 借使你嫌每一遍都要在调节和测量试验的页面引进js麻烦,能够做个书签或许chrome插件
  2. 生机勃勃旦嫌安装麻烦,能够应用phonegap的weinre:

本文由68399皇家赌场发布于集成介绍,转载请注明出处:移动端h5调试方法,debug调试插件介绍

关键词: 68399皇家赌场 日记本 js Web 编程点滴

最火资讯