stu2162583 发表于 2018-4-13 12:36

诉说控制台(console) 常用小彩蛋两三二

F12 控制台(console)
控制台与web开发几乎是形影不离的,而大家又几乎与浏览器形影不离,于是在平时有几个非常实用的功能,给那些不知道的猴哥们分享下。


注:本文基于chrome浏览器,一些弱鸡浏览器可能支持不好或者怪异。

1 简单的计算器
只需要在控制台中写入合法的表达式回车即可


2 当前时间戳
Date.now(); // 记得丢弃后三位 这个是毫秒


3 设置cookie (360浏览器可能比较适合这个)
document.cookie="cookie名字="+cookie值; // 其余的删改查可自行百度

4 js的JSON对象转json字符串
        JSON.stringify(
                {
                        "name": 1,
                        "age" : 2
                }
        );

5 JSON字符串以及换行的字符串转json的js对象
      var json_str = `
                {"name" : "aaa"}
        `;
       
        var obj = JSON.parse(json_str);
       
        console.log(obj);
       
        `` 并不是引号 而是反引号 是ESC键下面的,是es6新增的模板字符串

另外:
在控制台中换行是 shift + 回车
控制台中的提示补全是 tab

各位猴哥如果有好的实用菜单也可以推荐一二。

Vvvvvoid 发表于 2018-4-13 13:20

本帖最后由 Vvvvvoid 于 2018-4-13 13:22 编辑

楼主说的 都是js方法函数.. 不算什么彩蛋吧
另外,补充几个 审查元素,选中后
Console : $0
// 输入当前选中元素
$1-5为第一倒第五个

// 当前元素事件查询
getEventListeners($0)

//当前元素事件捕获
monitorEvents($0)

// 表格打印
console.table({'name':'void','age':18})
页: [1]
查看完整版本: 诉说控制台(console) 常用小彩蛋两三二