• 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 计时结束

  • 相关阅读:
    Pedometer_forAndroid
    linux改动登陆主机提示信息
    Cocos2d-x-Lua (2.x)脚本开发之 Lua语言基础
    共享库加载时重定位
    寻找志同道合的伙伴
    Leetcode[20]-Valid Parentheses
    storm的集群安装与配置
    CSS样式
    splash启动速度优化
    Android驱动之 Linux Input子系统之TP——A/B(Slot)协议
  • 原文地址:https://www.cnblogs.com/max-hou/p/9511924.html
Copyright © 2020-2023  润新知