• Chrome开发者控制台操作教程


    1清空控制台

    在控制台下有个clear console的按钮,点击的时候会清空控制台。

    清空控制台 
    这里写图片描述 

    2让Chrome中的页面可编辑

    有的时候我们需要临时改变页面上的文字,图案等信息,一种常见的方法是打开Elememts,然后在修改页面的源码,这种做法比较麻烦。如果需要修改多处,需要频繁的修改源码。

    而通过Chrome的控制台Console中,只需要下面一句简单的代码就可以使得整个页面变得可编辑(划重点)。

    document.body.contentEditable=true
    

     变成可编辑的代码

    实际的效果图如下所示。 
    这里写图片描述

    3.格式化代码

    在Chrome控制台的Source面板下,我们可以查看到页面的源文件,包括js,css,img等。但是有些网站经常会将js或者css文件进行压缩,对开发人员来说不友好,如果想要查看的话通过点击一个按钮,就可以轻松实现代码格式化。

    这里写图片描述

    3.console代码

     

    1、console.log 用于输出普通信息

    2、console.info 用于输出提示性信息

    3、console.error用于输出错误信息

    4、console.warn用于输出警示信息

    5、console.debug用于输出调试信息

    7、console.group输出一组信息的开头

    8、console.groupEnd结束一组输出信息

    12、console.time 计时开始

    13、console.timeEnd 计时结束

  • 相关阅读:
    ccf-csp201909题解
    TYUT程序设计入门第四讲练习题题解--数论入门
    Pairs Forming LCM (LightOJ
    Help Hanzo (LightOJ
    hnsdfz -- 6.19 -- day4
    hsdfz -- 6.18 -- day3
    hsdfz -- 6.17 -- day2
    hsdfz -- 6.16 -- day1
    【BZOJ2555】SubString
    洋葱第4场C和D题解……
  • 原文地址:https://www.cnblogs.com/max-hou/p/9511924.html
Copyright © 2020-2023  润新知