weinre 简介 weinre 是一款类似于firebug 和Web Inspector的网页调试工具, 它的不同之处在于可以用于进行远程调试,比如调试手机上面的网页. 安装 weinre(运行在node环境上) npm -g install weinre 启动 Weinre 服务 weinre -boundHost 172.19.200.16 常用参数 --httpPort 调试服务器端口 默认是8080 (冲突会自动分配一个,默认可以不传) --boundHost 调试服务器绑定的 IP…

1.Safari:iPhone 调试利器,查错改样式首选: 2.iOS 模拟器:不需要真机,适合调试 Webview 和 H5 有频繁交互的功能页面: 3.Charles: Mac OS 系统首选的抓包工具,适合查看.控制网络请求,分析数据情况: 4.Fiddler:适合 Windows 平台,与 Charles 类似,查看.控制网络请求,分析数据情况: 5.Spy-Debugger: 移动端调试的利器,便捷的远程调试手机页面.抓包工具: 6.Whistle:基于 Node 实现的跨平台 Web…

最近在改一个移动端项目,在手机上调试贼头疼,什么日志都看不到,分析不了bug问题. 然后我同事给我介绍了一个移动端的调试神器 -- vconsole 有了这个神器,领导再也不用担心我的工作啦!!! 0.0 怎么使用VConsole呢? 超简单的,只需要2步 第一步: 在页面引入vconsole的cdn: https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js 或者是下载下来 还可以安装依赖 npm install  vconsole,请根据自…

腾讯Bugly特约作者:贺辉超 1 H5 缓存机制介绍 H5,即 HTML5,是新一代的 HTML 标准,加入很多新的特性.离线存储(也可称为缓存机制)是其中一个非常重要的特性.H5 引入的离线存储,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问. H5 应用程序缓存为应用带来三个优势: 离线浏览 用户可在应用离线时使用它们 速度 已缓存资源加载得更快 减少服务器负载 浏览器将只从服务器下载更新过或更改过的资源. 根据标准,到目前为止,H5 一共有6种缓存机制,有些是之前已有,…

免费h5在线电影票API,通过嵌套返回的h5页面url,实现电影票购买. 接口文档:https://www.juhe.cn/docs/api/id/252,通过此申请APPKEY 接口备注:通过请求返回H5的URL,一次获取永久有效,嵌套到对应的应用或网站中即可使用 接口地址:http://v.juhe.cn/wepiao/query 支持格式:json 请求方式:http get/post 请求示例:http://v.juhe.cn/wepiao/query?key=xxxxx 调用样例及调试…

[微信开发利器]微信内移动前端开发抓包调试工具fiddler使用教程   在朋友圈看到一款疯转的H5小游戏,想要copy,什么?只能在微信里打开?小样,图样图森破,限制了oauth.微信浏览器内打开,照样能看你源码~ 使用fiddler来抓包 需要先做一些简单的准备工作: 一台带有无线网卡的PC或者笔记本电脑,然后将电脑和手机连接到同一个Wi-Fi网络中,并且保证二者是在同一个ip网段内的: 在电脑上安装 Fiddler; 打开Fiddler在菜单栏中点击 Tools - Fiddler Opt…

          Weinre  代表Web Inspector Remote,是一种远程调试工具.借助于网络,可以在PC上直接调试运行在移动设备上的远程页面,中文意思是远程Web检查器,有了Weinre,在PC上可以即时修改目标网页的HTML/CSS/Javascript,调试过程可实时显示移动设备上页面的预览效果,并同步显示设备页面的错误和警告信息,可以查看网络资源的信息,不过weinre不支持断点调试.该项目目前是 Apache Cordova 的一部分.     …

安卓手机的情况下,可以用chrome浏览器来调试. 打开地址: chrome://inspect/#devices 手机用USB数据线连接电脑,并启动USB调试模式. 只要在APP中打开H5页面,界面就会显示该页面地址 点击inspect进入调试模式 之后就可以像调试浏览器页面一样调试了. 这个方法也可以用来查看APP中哪些页面调用的是H5的页面. 苹果手机可以用Safari自带的调试工具调试,在Safari浏览器工具栏-开发一栏下.…

前些时候遇到移动端需要上传图片和视频的问题,之前一直通过ajax异步的提交数据,所以在寻找通过ajax上传文件的方法.发现了H5里新增了一个FormData对象,通过这个对象可以直接绑定html中的form元素,然后通过ajax提交的时候直接提交这个对象就好了. 在移动端调用视频和音频: <input type="file" accept="image/*" capture="camera"> //调用相册和摄像头 <input…

缘起 前端开发离不开Chrome的开发者工具,尤其是调试Android WebView时.然而,如果使用chrome://Inspect的方法,国内的开发者会惊奇地发现“空白啊”!为此,我发布过这个离线包的解决方案!已经可以无需Fan墙就能调试了.但是,在使用过程中发现了以下问题: 频繁覆盖的问题.合并版太大,chrome直接清除.专用版只能同时调试一款手机,会把前一个版本覆盖掉. 过期问题.chrome会定时清除掉离线包,空白了又要重新覆盖. 版本问题,有的网友使用的Chrome版本和要调试的…