让chrome的控制台更高大上(装B用)

简介: 作为一名屌丝前端程序员,在装B的道路上是越走越远了!废话不多说,直接先上几张图:我的Element是这样的: 我的console是这个样子的: 我的Timeline是这个样子的:   ---------------------------正文在这里-------------------------------------- 1.
+关注继续查看

作为一名屌丝前端程序员,在装B的道路上是越走越远了!废话不多说,直接先上几张图:
我的Element是这样的:

我的console是这个样子的:

我的Timeline是这个样子的:

 

---------------------------正文在这里--------------------------------------

1. 你的有一个chrome浏览器

2. 你得在chrome的扩展程序里下载这个插件:  ZeroDarkMatrix Theme for Chrome
  
(1)  如果你不能FQ,打不开扩展程序,那点这里,这是它的github地址

  (2) 当然你也可以看github上的教程来走

  (3) 一个FQ的软件:lantern

3. (这里默认你已经下载好了这个软件),在chrome的地址栏处输入:

4. 找 开发者工具实验性功能  这一栏,启用它,变成下面这个样子

  温馨提示:chrome里的启用和停用显示按钮是:显示的是停用,说明这个功能正在启用中;显示的是启用,说明这个功能正在停用中

5. 点击左下方的立即重新启动

6. 按f12(或者右键->u审查元素),调出控制台

7. 

8. 

好了,到这里,你关闭控制台,再打开控制台,就会看到一开始的截图的效果了!

 

附件赠送:

1:  插件名字:DevTools Author这个插件可以自定义各种主题,包括颜色,字体,字体大小什么的,都可以设置。视频教程(不是我录的)

2:  国内chrome插件代理网站(不是我做的):http://getcrx.cn/,可惜刚才讲的那个插件在这里面没有的
如果对你有用,记得打赏一下,不在乎多少的,你们得支持才是我努力的动力

  

 

目录
相关文章
|
2月前
|
Web App开发
Chrome谷歌浏览器F12打开控制台报错
Chrome谷歌浏览器F12打开控制台报错
80 0
|
2月前
|
Web App开发 JavaScript
Chrome浏览器控制台Unchecked runtime.lastError: The message port closed before a response was received.解决
大家好,今天和大家分享一报错的解决方法 在使用vue开发时使用Chrome运行的时候出现了一个报错,当时什么都没有写就报错了,就找了一下这个问题,后来发现是因为迅雷拓展的问题,下面就一起来看看如何解决这个问题。
|
8月前
|
Web App开发 开发者
利用chrome控制台调试post请求
利用chrome控制台调试post请求
383 0
|
Web App开发 JavaScript
Chrome控制台引入js库jQuery为例
Chrome控制台引入js库jQuery为例
306 0
|
Web App开发 数据采集 前端开发
分享一个Chrome控制台数据获取的例子
讲了一下获取Chrome控制台数据的前因后果
|
Web App开发 JavaScript
chrome 技术篇-控制台切换框架,切换dom操作区
chrome 技术篇-控制台切换框架,切换dom操作区
126 0
chrome 技术篇-控制台切换框架,切换dom操作区
|
Web App开发 前端开发 JavaScript
Chrome 技术篇-console控制台检测xpath、css唯一性
Chrome 技术篇-console控制台检测xpath、css唯一性
184 0
Chrome 技术篇-console控制台检测xpath、css唯一性
|
Web App开发
Ajax-02:Chrome网络控制台查看通信报文
Ajax-02:Chrome网络控制台查看通信报文
144 0
Ajax-02:Chrome网络控制台查看通信报文
|
Web App开发 监控 JavaScript
|
Web App开发 JavaScript 前端开发
相关产品
云迁移中心
推荐文章
更多