Chrome者开发工具有什么
Chrome开发者工具还有很多不太出名但绝对能够对调试、应用创建带来很大便利的功能。下面由学习啦小编为大家整理的Chrome者开发工具,希望大家喜欢!
Chrome者开发工具
一、黑色主题
Chrome的开发者工具有一个内置的黑色主题。点击开发者工具面板右上角三个点的图标,选择“设置(settings)”,可以看到切换主题的选项(“theme”中选择“dark”启用这一功能)。
二、选择模式
谷歌开发者工具(DevTools)有很多选择方式,但其中最方便的是“选择模式”。
点击开发者工具面板左上角的鼠标按钮就可以激活这个工具(或者直接cmd+shift+c)。
激活后,鼠标在页面上滑动可以看到整个选项页面,选择其中一个元素进行检查。
三、存储为全局变量
如果记录在控制台的对象有很多key或包含手动解析比较困难的值时,检查这些对象有时候会非常棘手。但是Chrome通过JavaScript让这个问题变得简单很多。
四、动画工具
学习啦在线学习网 近期,Chrome团队又增加了一些调试和创建动画的新功能。
点击左上角“控制台(console)”按钮旁边三个点的下拉菜单,打开“Animations”面板,该功能能够帮你限制该网站上所有动画的播放速度。
Chrome者开发CSS工具
一、Sass
Sass是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。
二、Less
Lesscss是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。
学习啦在线学习网 三、Stylus
学习啦在线学习网 Stylus 是一个CSS的预处理框架,2010年产生,来自Node.js社区,主要用来给Node项目进行CSS预处理支持,所以Stylus 是一种新型语言,可以创建健壮的、动态的、富有表现力的CSS。
Chrome者开发数据库工具
一、MySQL
学习啦在线学习网 MySQL是一种关联数据库管理系统,关联数据库将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样就增加了速度并提高了灵活性。
学习啦在线学习网 二、MariaDB
学习啦在线学习网 MariaDB数据库管理系统是MySQL的一个分支,主要由开源社区在维护,采用GPL授权许可 MariaDB的目的是完全兼容MySQL,包括API和命令行,使之能轻松成为MySQL的代替品。
三、MongoDB
学习啦在线学习网 MongoDB 教程 MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。
Chrome者开发工具有什么
上一篇:Web开发性能工具有哪些
下一篇:java开发工具是什么