【我不熟悉的javascript】菜鸟必看,大佬绕道~使用控制台写js代码

【预警*** 前端菜鸟***仅作记录使用***不对的地方请多指正】

纯纯纯小白在刚开始开发的时候忽略了重要的工具浏览器的控制台,

在没有明确的项目的时候往往去找线上编辑器写代码

比如 菜鸟教程的这个 菜鸟教程在线编辑器

但是其实单纯的用浏览器的控制台就可以干很多东西,而且很方便

(1)当计算器使用

(2)chrome 浏览器的复制功能,

      假如你想复制一段文字,但是当文字很长的时候用鼠标滑费时费力,不妨使用这招

      -打开控制台选中文字所在的元素

      -在控制台依次输入

      test = $0.innerText

      copy(test)

      -这样文字就复制下来了,可以去粘贴了

     -有时候还可以复制一些一般复制不了的文本 

     比如

      自尊的力量pdf - 百度文库

     可以去尝试

(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 思否

更多关于控制台的使用请看

Mastering The Developer Tools Console [Article] | Treehouse BlogLearn how to use the developer tools console to debug your front-end web applications.https://blog.teamtreehouse.com/mastering-developer-tools-console

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值