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

　　Chrome者開發(fā)工具

　　一、黑色主題

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

　　二、選擇模式

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

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

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

　　三、存儲為全局變量

　　如果記錄在控制臺的對象有很多key或包含手動解析比較困難的值時，檢查這些對象有時候會非常棘手。但是Chrome通過JavaScript讓這個問題變得簡單很多。

　　四、動畫工具

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

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

　　Chrome者開發(fā)CSS工具

　　一、Sass

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

　　二、Less

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

　　三、Stylus

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

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

　　一、MySQL

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

　　二、MariaDB

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

　　三、MongoDB

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