Chrome開發(fā)者工具還有很多不太出名但絕對(duì)能夠?qū)φ{(diào)試、應(yīng)用創(chuàng)建帶來(lái)很大便利的功能。下面由學(xué)習(xí)啦小編為大家整理的Chrome者開發(fā)工具，希望大家喜歡!

　　Chrome者開發(fā)工具

　　一、黑色主題

　　Chrome的開發(fā)者工具有一個(gè)內(nèi)置的黑色主題。點(diǎn)擊開發(fā)者工具面板右上角三個(gè)點(diǎn)的圖標(biāo)，選擇“設(shè)置(settings)”，可以看到切換主題的選項(xiàng)(“theme”中選擇“dark”啟用這一功能)。

　　二、選擇模式

　　谷歌開發(fā)者工具(DevTools)有很多選擇方式，但其中最方便的是“選擇模式”。

　　點(diǎn)擊開發(fā)者工具面板左上角的鼠標(biāo)按鈕就可以激活這個(gè)工具(或者直接cmd+shift+c)。

　　激活后，鼠標(biāo)在頁(yè)面上滑動(dòng)可以看到整個(gè)選項(xiàng)頁(yè)面，選擇其中一個(gè)元素進(jìn)行檢查。

　　三、存儲(chǔ)為全局變量

　　如果記錄在控制臺(tái)的對(duì)象有很多key或包含手動(dòng)解析比較困難的值時(shí)，檢查這些對(duì)象有時(shí)候會(huì)非常棘手。但是Chrome通過(guò)JavaScript讓這個(gè)問(wèn)題變得簡(jiǎn)單很多。

　　四、動(dòng)畫工具

　　近期，Chrome團(tuán)隊(duì)又增加了一些調(diào)試和創(chuàng)建動(dòng)畫的新功能。

　　點(diǎn)擊左上角“控制臺(tái)(console)”按鈕旁邊三個(gè)點(diǎn)的下拉菜單，打開“Animations”面板，該功能能夠幫你限制該網(wǎng)站上所有動(dòng)畫的播放速度。

　　Chrome者開發(fā)CSS工具

　　一、Sass

　　Sass是一種CSS的開發(fā)工具，提供了許多便利的寫法，大大節(jié)省了設(shè)計(jì)者的時(shí)間，使得CSS的開發(fā)，變得簡(jiǎn)單和可維護(hù)。

　　二、Less

　　Lesscss是一種動(dòng)態(tài)樣式語(yǔ)言,屬于CSS預(yù)處理語(yǔ)言的一種,它使用類似CSS的語(yǔ)法,為CSS的賦予了動(dòng)態(tài)語(yǔ)言的特性,如變量、繼承、運(yùn)算、函數(shù)等,更方便CSS的編寫和維護(hù)。

　　三、Stylus

　　Stylus 是一個(gè)CSS的預(yù)處理框架，2010年產(chǎn)生，來(lái)自Node.js社區(qū)，主要用來(lái)給Node項(xiàng)目進(jìn)行CSS預(yù)處理支持，所以Stylus 是一種新型語(yǔ)言，可以創(chuàng)建健壯的、動(dòng)態(tài)的、富有表現(xiàn)力的CSS。

　　Chrome者開發(fā)數(shù)據(jù)庫(kù)工具

　　一、MySQL

　　MySQL是一種關(guān)聯(lián)數(shù)據(jù)庫(kù)管理系統(tǒng)，關(guān)聯(lián)數(shù)據(jù)庫(kù)將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉(cāng)庫(kù)內(nèi)，這樣就增加了速度并提高了靈活性。

　　二、MariaDB

　　MariaDB數(shù)據(jù)庫(kù)管理系統(tǒng)是MySQL的一個(gè)分支，主要由開源社區(qū)在維護(hù)，采用GPL授權(quán)許可 MariaDB的目的是完全兼容MySQL，包括API和命令行，使之能輕松成為MySQL的代替品。

　　三、MongoDB

　　MongoDB 教程 MongoDB 是一個(gè)基于分布式文件存儲(chǔ)的數(shù)據(jù)庫(kù)。由 C++ 語(yǔ)言編寫。旨在為 WEB 應(yīng)用提供可擴(kuò)展的高性能數(shù)據(jù)存儲(chǔ)解決方案。