【预警*** 前端菜鸟***仅作记录使用***不对的地方请多指正】
纯纯纯小白在刚开始开发的时候忽略了重要的工具浏览器的控制台,
在没有明确的项目的时候往往去找线上编辑器写代码
比如 菜鸟教程的这个 菜鸟教程在线编辑器
但是其实单纯的用浏览器的控制台就可以干很多东西,而且很方便
(1)当计算器使用
(2)chrome 浏览器的复制功能,
假如你想复制一段文字,但是当文字很长的时候用鼠标滑费时费力,不妨使用这招
-打开控制台选中文字所在的元素
-在控制台依次输入
test = $0.innerText
copy(test)
-这样文字就复制下来了,可以去粘贴了
-有时候还可以复制一些一般复制不了的文本
比如
可以去尝试
(3)shift + enter 可以事写的代码段不立即执行,而且单纯的换行操作,其实这个应该是一个常识,在微信、qq、钉钉等软件中发送的消息都可以用shift + enter换行,有的control+enter也可以
(4)使用console的强大功能
- 一般常用的是console.log方法,可以试一下其他的方法,复制以下代码去控制台看看,和直接输入$0是不一样的
console.dir($0)
- 使用console.table 打印数组、对象等,用更清晰的表格形式展示数据
- 使用console.clear 清屏
- 使用console.error 打印错误信息
参考 Chrome 控制台console的用法(学了之后对于调试js可是大大有用的哦) - SegmentFault 思否
更多关于控制台的使用请看