警告:本站服务器将于2020-7-10到期,不再续费,本站如果有大家需要的资料赶紧备份,谢谢!另:我会陆陆续续将本站一些文章放入github上,请关注我。
当前位置:W3Cbest前端开发>JavaScript>模拟一个console.log打印代码

模拟一个console.log打印代码

原创2018-09-05JavaScript1196 次阅读 · 读完需要 2 分钟。

在网站开发中我们时常用console.log来打印我们想要的数据,或返回的一些我们想要知道的结果,在PC端我们可以得心应手的使用,但是在移动端开发的时候,不能用F12了,无法看到代码,哪里出问题了也不知道,其实也可以用alert(),不过呢每刷新一次页面就会弹一次弹框,自我感觉比较麻烦,所以就有下面这段代码,虽然很简单,但是感觉挺实用的,代码如下:

// log打印
Tomd.log = function(s) {
  if (typeof s == 'object') {
    var s1 = '';
    for (var a in s) {
      s1 += '{0}:{1}, '.format(a, s[a]);
    }
    s = s1;
  }
  var d = $('.dui-log');
  if (d.length == 0) {
    $('body').append('<div class="dui-log"></div>');
    d = $('.dui-log');
  }
  d.append('<p>' + s + '</p>');
}
// 调用
Tomd.log(obj)
/*
* 格式化字符串
* 用法:'my name is {0}, age {1}'.format('Tom', 30)
*/
String.prototype.format = function() {
  var _this = this;
  for (var i = 0; i < arguments.length; i++) {
    _this = _this.replace(new RegExp('\\{' + i + '\\}', 'g'), arguments[i]);
  }
  return _this;
};
赞(0) 打赏
未经允许不得转载:W3Cbest前端开发>模拟一个console.log打印代码

相关推荐

发表评论