tencent / vconsole Goto Github PK
View Code? Open in Web Editor NEWA lightweight, extendable front-end developer tool for mobile web page.
License: Other
A lightweight, extendable front-end developer tool for mobile web page.
License: Other
如题
vconsole.min.js?0325:formatted:1969 Uncaught TypeError: Cannot read property 'scrollHeight' of null
目前是主动的打印log,如果监听window.onerror事件,把log也打印出来,那就更容易debug了
通过控制台命令输入,比如输入1==2,返回只有空的Boolean{},为什么不返回true false
异步加载vConsele.js
// 不会触发
bind(window, 'load', function() {
that._render();
that._bindEvent();
that._autoRun();
});
js加载完成需要重新调用
vConsole._render();
vConsole._bindEvent();
vConsole._autoRun();
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也不会崩溃。
在手机淘宝里面,展开vConsole,再关闭之后就不能点了,也不能拖动;
demo里面也是一样的问题;
😄
https://github.com/litson/Sole
半年前我造过这个轮子哈,JSON.stringify不支持环形引用(会报错),而且他支持4个参数(可以格式化),建议做个异常捕获,Stringify失败递归展示那个数,当然最多3层,大概这样子~
不支持微信浏览器,魅族MX4 微信6.3.18
虽然也没啥影响,就是在ios8.3或其他不兼容设备上只显示一个“All”tab
建议修复下吧
对于结构比较复杂的 log 看起来不方便,如果能支持折叠/展开会容易看很多。
有些数据无法console,比如说pm2启动时打印的数据
Network中面板中所有请求状态永远是Pending
提示
weixin://preInjectJSBridge/fai
requirejs引入vconsole后ajax方式无法传递参数
目前按钮固定在右下角, 可能会对正常的页面元素造成遮挡无法进行点击
vConsole
是个好东西,感谢开源!
刚写了个 vconsole 的 webpack 插件,自动在 entry 入口帮忙添加 vconsole 模块,可以不用动业务代码的情况下,自动在开发环境下打开 vconsole 调试模块的效果,当然需要通过 webpack 配置线上环境关闭该插件,具体有描述。
hybrid App 没有 刷新按钮 有时候比较纠结
手贱把按钮 拖拽出屏幕后 找不回来了 ..需要手动删除 local 数据
建议存session 这样 每次打开 按钮位置 就复原了 ...
应在eval时加入try catch。
觉得这个比较有用,希望官方可以添加这个功能
从V1.X 到 V2.3.0都出现了这个问题
显示空行,选中可见。
同一个设备同一个浏览器查看你们的demo页面是正常的
点击可展开的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.
已处理,谢谢!
如题
我是用npm 安装的,老是在console中出现这个123,不清楚.min.js中有没有这个现象
$.bind($.one('.vc-fold-outer', $line), 'click', function(e) {console.log('123')
一开始页面发了异步请求,后面又发同步请求。导致同步请求失效,同步请求变成了异步请求
大概在173行处.
setTimeout(function() {
_send.apply(that, arguments);
}, 1);
貌似arguments的使用有点问题,获取到的是seTimeout的回调函数arguments,而不是原本XMLHttpRequest的send方法arguments?
ex:iPhone 6s ,XiaoMi Note LTE
在网络一栏后面增加一栏插件,插件可以是一些自定义功能的按钮。
为了方便调试,添加了vConsole,其他功能都完整,恰恰是Network在移动设备中,返回对象是blob,所以解析不出json。
iphone5s(ios10),cordova打包到本地,请求返回是[Object blob],而相同代码,在chrome浏览器是JSON的。
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最新版,请官方同学及时修复一下,谢谢!
var day = d.getDay()<10 ? '0'+d.getDay() : d.getDay(),这里获取的是星期几,不是几号
加载了vConsole之后,所有的console.log调用在系统控制台里面显示的文件名和行号都变成了vConsole.min.js:1,而不是显示相应的文件名和行号了
打印出dom对象 会死机 必现的
vconsole 会导致 某些ajax 请求 触发 error 错误. 框架用的 Framework7
偶尔 还有 ajax 请求 发不出去 情况
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.