精华内容
下载资源
问答
  • debug.js手机上打印调试信息。快速上手debug.success("This is success message:)");debug.error("This is error message:)");debug.log("This is primary message:)");debug.log({a: 1, b: 2});debug.log([1,2,3]...

    debug.js

    在手机上打印调试信息。

    快速上手

    debug.success("This is success message:)");

    debug.error("This is error message:)");

    debug.log("This is primary message:)");

    debug.log({a: 1, b: 2});

    debug.log([1,2,3]);

    debug.js为了方便调试,会默认开启捕捉浏览器的报错。如果你不需要这个功能,可以这样禁止它:

    debug.silence()

    预览

    JRfmIb.png

    Demo

    API

    debug.log()

    debug.success()

    debug.warn()

    debug.error()

    debug.danger()

    安装

    npm(推荐)

    npm install m-debug.js

    bower

    bower install binnng/debug.js

    component

    component install binnng/debug.js

    angular

    如果你使用angular:

    var app = angular.module("app", [

    "binnng/debug"

    ]);

    app.controller("ctrl", function($debug) {

    $debug.success("Welcome to debug.js");

    });

    展开全文
  • 手机页面调试js

    千次阅读 2019-03-01 12:08:36
    https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsole(); console.log('Hello world'); &...
    <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
    <script>
      // init vConsole
      var vConsole = new VConsole();
      console.log('Hello world');
    </script>

     

    展开全文
  • vConsole手机调试js

    2020-06-03 14:55:37
    http://www.4u4v.net/shou-ji-qian-duan-wei-xin-kai-fa-diao-shi-shen-qi-vconsole-mo-ni-liu-lan-qi-kai-fa-zhe-gong-ju-diao-shi-js-di-shi-yong-fang-fa.html

    在做微信公众号开发的时候,时常要调微信接口。在电脑浏览器上无法模拟,出现问题很难排查。只能通过电脑连接手机去查看log,这儿介绍一个快捷的方法,在手机前端页面直接查看打印信息。

    vConsole前端调试面板

    vConsole是一款由微信公众平台前端团队打造的前端调试面板,专治手机端看log难题。
    在这里插入图片描述

    项目引入(使用)

    1、下载 vConsole

    npm install vconsole
    

    拷贝 dist/vconsole.min.js 到自己的项目中。
    2、引入到代码中
    html内直接引入

    <head>
      <script src="path/to/vconsole.min.js"></script>
      <script>
        var vConsole = new VConsole();
      </script>
    </head>
    

    如果使用了 AMD/CMD 规范,可在 module 内使用 require() 引入模块:

    var VConsole = require('path/to/vconsole.min.js');
    var vConsole = new VConsole();
    

    3、直接在代码内打印信息,页面上会有悬浮按钮,点开即可看到相关内容

    展开全文
  • 使用PC上的 Chrome 远程调试手机端的页面 工具准备 手机端:chrome for Android,; PC端:安装谷歌浏览器(最好是最新版的开发者版本) USB 连接线, 也就是你充电器的那条线 开启调试模式 使用 USB 连接你的电脑,...
  • 手机端打开进行调试 <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsole(); console.log('Hello ...

    在手机端打开进行调试

    
    <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
    <script>
      // init vConsole
      var vConsole = new VConsole();
      console.log('Hello world');
    </script>
    
    
    
    
    展开全文
  • 使用debug.js调试手机网页

    千次阅读 2015-06-20 18:17:08
    手机网页兼容性与ie相比,有过之无不及,调试的时候,我们会使用console.log,但是手机上看不到打印出来的信息。所以只好各种alert,但alert总显得不那么优雅。 初学js的时候就alert,现在还在各种alert。而且...
  • 使用jsconsole调试手机

    2013-07-26 00:00:00
    有强烈发散的屏幕分辨率(从iPad的第一代黑莓),多浏览器(webkit的,但也IEMobile,火狐,Opera Mini的和移动等)及多种操作系统(Windows手机,Android,iOS设备的Palm,黑莓)。 每个设备都有自己的约束和性能...
  • 要做一个东西 需要用到手机的“加速度传感器”。现在遇到一个Bug需要解决 但是手机端无法调试实时代码,有没有什么东西可以像AndroidStudio一样同步调试代码
  • 一、chrome真机调试:局限性:只能调试手机端的chrome浏览器,其他浏览器均不适用;优点是: 简单快捷; 二、spy-debugger调试:spy-debugger,安装稍微复杂一点,spy-debugger集成了weinre,不过还增加了抓包工具,...
  • 手机Web页面CSS样式及JS进行PC远程调试【图文】教程。 和浏览器F12一样的调试效果,在电脑上改css或js手机端不需要刷新页面,立即生效!
  • 最近在开发移动端Vue移动端项目,查了一些资料,这里分享下如何在webpack工具构建下的vue项目,在手机调试和预览,言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器,使用同一个wifi...
  • vConsole是一个由微信公众平台前端团队研发的web前端开发者面板,可用于展示console日志,方便开发、调试。 使用场景1,在vue-cli 构建的项目中使用: 通过npm安装和使用: npm install vconsole --save 在main...
  • 手机调试h5页面利器插件

    千次阅读 2019-06-05 11:29:44
    手机调试h5页面利器插件 现在越来越多的手机app或者公众号,里边大量的使用h5页面,而在手机端没法像pc谷歌浏览器那样调试页面,有些时候只能不断的进行alert,麻烦不说,有的时候还找不到问题所在。今天给大家...
  • 虽说电脑上也能切换到手机模式调试,但我总感觉还差那么点什么,一直想到自己真正手机调试项目,百度找了下,综合了好几遍文章,现在我明白了,现在分享给大家: 首先,vue-cli3工程文件夹中是没有vue.config.js这...
  • http://files.cnblogs.com/files/lwwen/mConsole.js 这是我写的一个原生js文件 直接引入即可,可以把html上面的需要打印的东西打印出来 <!DOCTYP...
  • jsconsole 移动设备的Web开发有几个主要限制。 屏幕分辨率(从iPad到第一代Blackberry)差异很大,多种浏览器(Webkit以及IEMobile,Firefox,Opera mini和mobile等)和多种操作系统(Windows Phone,Android,iOS...
  • 手机前端调试工具

    2020-11-30 11:10:07
    Eruda——手机网页前端调试面板 Eruda github地址 实现类似于微信小程序的移动端调试效果。 <script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script> <...
  • js调试学习总结

    千次阅读 2016-07-25 17:48:58
    五个你必须知道的javascript和web 调试技术 http://blog.jobbole.com/51872/ 在前端开发中,调试技术是必不可少的技能,本文将介绍五种前端开发必备的调试技术。 Weinre移动调试 DOM 断点 debugger断点 native...
  • 最近在做一个H5的项目,需要将项目嵌入到浙里办里,需要调用浙里办的API(定位...想着能不能在开发的时候,通过手机直接调试,就发现了这个神器:vConsole,一个轻量、可拓展、针对手机网页的前端开发者调试面板。 ...
  • 有时候要开发在手机浏览器上运行的网页,这样就涉及到要调试JS,在电脑上怎么模拟,跟使用真机还是有区别,这里介绍几种用电脑远程调试JS的方法。 1.使用google浏览器,因为安卓本来就是谷歌的,因此它本身...
  • 前端手机调试

    2018-10-20 14:16:40
    当前端在进行手机调试的时候,遇到bug,但却不能一眼看出什么问题的时候,手机端又没有控制台,该如何解决呢? 下面是在手机端进行调试的三个方法 alert方法 window.onerror = function(message,file,row,column){...
  • 手机真机调试

    2021-03-04 12:34:01
    除了这种方法之后,还介绍了在手机端保存一段Js代码,在需要调试某个页面时,点击执行JS,但是现在浏览器为了安全起见,已经不再支持此方法。默认的方法是搜索,而非执行,所以不可取。 3.spy-debugger真机调试 最后...
  • 微信开发手机在线调试

    千次阅读 2018-09-22 13:45:39
    远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybirdApp等)。支持HTTP/HTTPS,无需USB连接设备。     01特性   1、页面调试+抓包 2、操作简单,无需USB连接设备 3、支持HTTPS。 4、...
  • android js调试

    2015-07-29 09:19:00
    http://blog.allenm.me/ 其他平台去这篇文章看 1 //js调试调试功能支持4.4版本以上的 2 if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { 3 WebView.setWebContentsDebuggin...
  • 手机浏览器调试建议

    2015-09-11 23:22:00
    使用电脑远程调试安卓手机上浏览器的JS (2014-01-14 22:44:04) 转载▼ 有时候要开发在手机浏览器上运行的网页,这样就涉及到要调试JS,在电脑上怎么模拟,跟使用真机还是有区别,这里介绍...
  • vue移动端项目在手机调试

    千次阅读 2020-03-18 10:12:50
    1.电脑和手机要连同一个wifi 一定是复制无线网的IP,而不是以太网的IP 2.在你的电脑上查找无线网络的ipv4地址: windows电脑的打开终端:输入ipconfig就可以看到ip地址了 mac电脑的打开终端:输入ifconfig就可以看到...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 39,623
精华内容 15,849
关键字:

手机js调试