Giter Club home page Giter Club logo

vconsole's Issues

webpack 插件

vConsole 是个好东西,感谢开源!

刚写了个 vconsole 的 webpack 插件,自动在 entry 入口帮忙添加 vconsole 模块,可以不用动业务代码的情况下,自动在开发环境下打开 vconsole 调试模块的效果,当然需要通过 webpack 配置线上环境关闭该插件,具体有描述。

链接:https://github.com/diamont1001/vconsole-webpack-plugin

按钮位置建议存session

手贱把按钮 拖拽出屏幕后 找不回来了 ..需要手动删除 local 数据

建议存session 这样 每次打开 按钮位置 就复原了 ...

consider adding support for printf syntax

window.console.log('%c %s %s %c %s ' + (typeof data === 'object' ? '%O' : '%s'), LEVEL_STYLE_MAP[level.toUpperCase()] || LEVEL_STYLE_MAP.INFO, level, namespace, 'color:initial', descriptor, data || '');

img_4556

bug

有些数据无法console,比如说pm2启动时打印的数据

布尔值不显示

通过控制台命令输入,比如输入1==2,返回只有空的Boolean{},为什么不返回true false

移动设备,Network返回response是[Object blob]

为了方便调试,添加了vConsole,其他功能都完整,恰恰是Network在移动设备中,返回对象是blob,所以解析不出json。

iphone5s(ios10),cordova打包到本地,请求返回是[Object blob],而相同代码,在chrome浏览器是JSON的。

异步加载vConsole.js __vconsole节点不会被插入

异步加载vConsele.js

// 不会触发
  bind(window, 'load', function() {
    that._render();
    that._bindEvent();
    that._autoRun();
  });

js加载完成需要重新调用

vConsole._render();
vConsole._bindEvent();
vConsole._autoRun();

打印vue实例时,浏览器崩溃!

html代码如下:

    <div id="test1">
        <tabs :tabs="tabs" :active-tab-id="activeTabId"></tabs>
    </div>

    <template id="tabs-tpl">
        <div class="cp-tabslist">
            <div class="tabs-block">
                <span class="tab-item" :class="{ 'active':(tab.id == activeTabId) }" :data-tabcontent="tab.id" v-for="tab in tabs" >{{tab.text}}</span>
            </div>
        </div>
    </template>

js代码如下:

    Vue.component('tabs', {
        template : '#tabs-tpl',
        props : {
            tabs : {
                type : Array,
                default : function(){
                    return [];
                }
            },
            activeTabId : {
                type : String,
                default : ''
            }
        },
        data : function(){
            return {};
        }
    });

    var vm1 = new Vue({
        el : $('#test1')[0],
        data : function(){
            var view = {
                tabs : [
                    {
                        id : '0',
                        text : '新闻'
                    },
                    {
                        id : '1',
                        text : '供应',
                        clicked : false
                    }
                ],
                activeTabId : '0'
            };
            return view;
        }
    });
    console.log(vm1);//这里打印vue实例就会崩溃

其实如果html代码里,去掉 :class="{ 'active':(tab.id == activeTabId) }" 这句,打印vm1也不会崩溃。

点console里面的展开,然后就挂了

点击可展开的json,然后就全部功能包括关闭,都失效。

返回的是redux log的内容,PC、iphone都失效,其他没测试

fastclick 提示

Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

新版本1.2.0貌似和jquery的ajax不兼容?

页面上有个表单,代码中ajax提交
大概的代码如下:

var _form=$('form');
$.post(_form.attr('action'),_form.serialize(),function(json){
//...
},'json')

结果表单序列化的参数提交的时候一直没有导致后台一直提示400,
去掉了vConsole之后却可以正常提交。

而且第一个Post提交错误的提示也没在vConsole中打印出来
image
image

这个轮子半年前我造过

😄

https://github.com/litson/Sole

半年前我造过这个轮子哈,JSON.stringify不支持环形引用(会报错),而且他支持4个参数(可以格式化),建议做个异常捕获,Stringify失败递归展示那个数,当然最多3层,大概这样子~

Android 手Q内置浏览器、Android系统浏览器、Android QQ浏览器里都无法使用

Android 手Q内置浏览器、Android系统浏览器、Android QQ浏览器里都无法使用vConsole,iOS下正常,定位到vConsole.min.js里有一行代码:

"complete" == document.readyState ? o() : u["default"].bind(window, "load", o)

执行时会报如下错误:

Symbol is not defined

华为Mate8 手Q最新版,请官方同学及时修复一下,谢谢!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.