诉说控制台(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:22 编辑
楼主说的 都是js方法函数.. 不算什么彩蛋吧
另外,补充几个 审查元素,选中后
Console : $0
// 输入当前选中元素
$1-5为第一倒第五个
// 当前元素事件查询
getEventListeners($0)
//当前元素事件捕获
monitorEvents($0)
// 表格打印
console.table({'name':'void','age':18})
页:
[1]