做前端開始的，基本有很多人都在使用chrome瀏覽器的調試功能，我基本上是全部使用chrome瀏覽器進行調試的。IE的調試，實在是不敢恭維。下面我簡單分享一下chrome瀏覽器的簡單使用。一些比較高級的調試用法，還沒有掌握，等掌握了之後，再好好寫筆記。
下面是分享給同事的技術分享。
在chrome瀏覽器中打開http://localhost:3000，按F12，或者右擊->單擊【檢查】.
選擇適合你的模擬的手機型號即可。在這裏可以選擇安卓手機類型，也可以選擇蘋果手機類型。還可以自定義移動設備的屏幕尺寸，以及橫豎屏。
A:可以自定義一些移動設備。
B：可以選擇一些現有的移動設備。一般用的比較多一些。
在右上角可以調節調試頁面顯示的位置。有三種結構，我一般喜歡所有結構的，大家可以根據自己的使用習慣來調整。
點擊A那的小按鈕，然後點擊屏幕上你想查看的元素，對用的右邊C部分就可以顯示出來代碼了。
1-4_副本.png
然後點擊代碼，就可以在右側查看對應的css樣式。
1-5_副本.png
在【console】中，可以查看在啓動運行過程中出的一些錯誤。
1-6_副本.png
在【Sources】中存放的是源碼。
A 部分是咱們存放的源碼部分。其中bundle.js中存放的是公共代碼，index.js中存放的是業務代碼。
1-7_副本.png
調試代碼，找到需要打斷點的地方打好斷點，然後刷新瀏覽器，點擊進入需要調試的部分，就可以進行調試。
其餘一些chrome瀏覽器的一些調試方式，大家可以上網搜索下，以上說的都是一些常用的一些方法。