做前端開始的，基本有很多人都在使用chrome瀏覽器的調(diào)試功能玫镐，我基本上是全部使用chrome瀏覽器進(jìn)行調(diào)試的恐似。IE的調(diào)試，實(shí)在是不敢恭維葛闷。下面我簡單分享一下chrome瀏覽器的簡單使用双藕。一些比較高級的調(diào)試用法，還沒有掌握扣泊，等掌握了之后嘶摊，再好好寫筆記。
下面是分享給同事的技術(shù)分享阱飘。
在chrome瀏覽器中打開http://localhost:3000沥匈，按F12忘渔，或者右擊->單擊【檢查】.
選擇適合你的模擬的手機(jī)型號即可辨萍。在這里可以選擇安卓手機(jī)類型锈玉，也可以選擇蘋果手機(jī)類型义起。還可以自定義移動設(shè)備的屏幕尺寸，以及橫豎屏椅棺。
A:可以自定義一些移動設(shè)備。
B：可以選擇一些現(xiàn)有的移動設(shè)備两疚。一般用的比較多一些。
在右上角可以調(diào)節(jié)調(diào)試頁面顯示的位置丐巫。有三種結(jié)構(gòu)递胧，我一般喜歡所有結(jié)構(gòu)的赡茸，大家可以根據(jù)自己的使用習(xí)慣來調(diào)整。
點(diǎn)擊A那的小按鈕遗菠，然后點(diǎn)擊屏幕上你想查看的元素舷蒲，對用的右邊C部分就可以顯示出來代碼了友多。
然后點(diǎn)擊代碼域滥，就可以在右側(cè)查看對應(yīng)的css樣式。
在【console】中昂儒，可以查看在啟動運(yùn)行過程中出的一些錯(cuò)誤渊跋。
在【Sources】中存放的是源碼拾酝。
A 部分是咱們存放的源碼部分卡者。其中bundle.js中存放的是公共代碼，index.js中存放的是業(yè)務(wù)代碼材诽。
調(diào)試代碼，找到需要打斷點(diǎn)的地方打好斷點(diǎn)建邓，然后刷新瀏覽器湿痢，點(diǎn)擊進(jìn)入需要調(diào)試的部分，就可以進(jìn)行調(diào)試拒逮。
其余一些chrome瀏覽器的一些調(diào)試方式臀规，大家可以上網(wǎng)搜索下，以上說的都是一些常用的一些方法玩徊。
