美文网首页前段
移动端h5调试方法

移动端h5调试方法

作者: linever | 来源:发表于2017-04-06 10:46 被阅读0次

前移动端调试方法

1、借助强大的chrome浏览器,按F12开启开发者模式,什么样式还有js断点都可以搞定

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

2、如果是app中内嵌的h5页面,则麻烦一点。如果是安卓,app开启debug的情况下,用数据线连接电脑,打开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、微信调试web调试工具,可以调试微信js的一些功能
微信开发步骤:

  • 微信公众号配置安全域名(不能带端口号)
  • 前端配置appID等信息,配置apiList权限列表
  • 直接调用微信js方法

相关文章

  • H5 App调试方法参考

    H5调试常见方法 相较于pc端,移动端调试要更加丰富一些,下面对调试的方法进行简单汇总。主要分为以下几点: chr...

  • 无星的前端之旅(十六)——移动端调试技巧

    背景 常见的需求,开发移动端h5,在移动端浏览器或者移动端app上渲染。 前端不知道怎么在移动端调试,移动端不知道...

  • 移动端h5调试方法

    前移动端调试方法 1、借助强大的chrome浏览器,按F12开启开发者模式,什么样式还有js断点都可以搞定 代码里...

  • 移动端调试方法

    随着手机等移动设备的普及,适配移动端的页面变得越来越有必要。这也意味着移动端的调试变得越来越频繁,那么就会发生以下...

  • 移动端调试方法

    1.Android 在vscode终端里面起一个服务,用devTools代理android设备(访问chrome:...

  • 移动端h5调试

    charles breakpoints 一、添加Charles断点1、用Charles抓包发起一次接口请求2、对要...

  • 流式布局&flex布局

    流式布局 1. 移动端基础 1.1浏览器现状 1.2手机屏幕的现状 1.3常见移动端屏幕尺寸 1.4移动端调试方法...

  • safari调试iPhone app web页面

    safari调试iPhone app web页面 Overview 当下移动端开发过程中大量使用前段H5、js等等...

  • 移动web开发与适配

    学习目标 了解移动web简单调试方法 了解移动web常见适配方案 掌握移动端布局技巧 全面掌握rem适配方法 移动...

  • 移动端js调试工具:eruda

    移动端js调试工具:eruda使用方法: (function (params) {eruda.init()})();

网友评论

    本文标题:移动端h5调试方法

    本文链接:https://www.haomeiwen.com/subject/qclkottx.html