前言 用vue 写移动端代码,有个报名页面 就在iOS 9下出现问题,vue的循环渲染都正常,一开始的数据也能取到.证明不是vue的兼容性问题 但是在用户点击按钮发现不能点击进入跳转 工具 推荐使用 vConsole 这个 可以在移动端调试的 解决过程 npm install vconsole 使用webpack,然后js代码中 import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole…

  概要 本篇介绍一种十分方便的方法为网站添加 vConsole 调试(通过篡改请求外部注入的方式,不需要您是网站的拥有者,主要用于调试线上站点). 之前已经发过一篇<借助FreeHttp为任意移动端web网页添加vConsole调试>,不过那篇操作起来还是比较复杂.因为那篇帖子使用了大量篇幅介绍操作原理,至使简单的问题也用了较长的篇幅,但是不是所有同学都喜欢那样的风格,而且为了演示FreeHttp对不存在资源的mock,对于vconsole.min.js使用了一个本地资源,让复杂度进一步加大…

技术贴还是分享出来更加好,希望能对一些朋友有帮助,个人博客  http://lizhug.com/mymajor/微信移动端web页面调试小技巧…

一.让安卓打debug模式的apk包 二.将电脑中的chrome升级到最新版本,在chrome浏览器地址栏中输入chrome://inspect/#devices: 在智能手机还未普及时,移动设备的调试处处是alert的,这估计是最常用的办法了.以前很多时候为了预览页面在移动设备上的效果,需要先将页面上传到测试服务器,再将url输入到设备浏览器,或者使用第三方二维码扫码应用,通过移动设备访问打开浏览实际效果,每次换设备都要重复这些操作,页面多的话这些繁琐的事情就特别让人厌烦了.移动互联网的浪潮,…

    以下介绍在不用修改代码并发布项目的情况下,为我们日常使用的移动web应用(如手机web淘宝)添加vConsole调试工具的方法   vConsole介绍 vConsole是一个轻量.可拓展.针对手机网页的前端开发者调试面板.   使用vConsole的项目可以让手机上的Web浏览器,拥有类似PC调试工具的能力. 正常情况下使用vConsole需要修改项目代码并重新发布. vConsole官方介绍(https://github.com/Tencent/vConsole)   FreeHtt…

参考链接:https://blog.csdn.net/m0_37036014/article/details/80113635…

我是最后端的,这两天搞了一个app项目,前端安卓使用友盟很方便,调试比较顺利,然后ios就遇到各种问题了,证书.发送成功推送不成功,测试时用的TestMode(),ios上架之后就必须用productionMode(),纠结了几天,还是换成jpush,很快就调试成功了. 趁着中午休息的时间,两个平台的后台调用的方法都写一下. 一.Jpush: app是两个端,用了两个类,其实共用一个类也可以,测试的时候略微不方便,调用的时候也稍微纠结一点 先设置appKey和masterSecret,从Jpus…

移动端页面调试一般分两步.第一步我们需要把本地(pc端)写的页面效果展现在移动端,一个很方便的办法是用 fiddler 作为代理,具体可以参考 如何用 fiddler 代理调试本地手机页面,这样我们就能在自己的手机上看到真机效果,有时还可以用 alert 调试一些 js:当然,有时仅仅展现样式还不够,我们希望能像 chrome 面板或者 firebug 一样查看元素的 css 样式,甚至可以在控制台看到 js 的 console 输出,UC浏览器开发者版可以方便地做到这点,具体可以参考 如何使用…

在微信或app进行开发的时候,没法直接查看console.log的输出内容,调试起来简直太痛苦了. 1.笨笨的方法 fiddler抓请求:追加dom节点,显示调试信息. var div =document.createElement("div");div.innerText = '333';document.body.appendChild(div); 2.vConsole 近期,发现的一个超级好用的插件,已开源,也有npm包. 使用方法: 在*.html文件中,写入如下代码: <…

如果是开发环境,比较容易: 最笨的方法是手机开QQ电脑开QQ把做好的页面传给手机QQ直接打开.. 参考: http://blog.allenm.me/2014/05/mobile-web-debug-guide-1/ http://blog.allenm.me/2014/05/mobile-web-debug-guide-2/ 对于移动端调试,尤其是生产环境,必须借助一定工具: 方法1: 借助fiddler调试: 第一步:1.fiddler 参数设置 2.Connections面板端口号设置:…