学习啦——学设计>网页设计>网站建设>网站开发工具>

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 应用提供可扩展的高性能数据存储解决方案。