-
1 # 使用者1614626438770
-
2 # 使用者1614626438770
一、開啟隱身模式
使用隱身模式的好處就是保護你的隱私,瀏覽器不會記錄你的任何歷史記和Cookie 儲存,但你下載的所有檔案或建立的書籤均會保留下來。開啟隱身模式你就可以大膽放心瀏覽了。
快捷鍵:Ctrl + Shift + N
二、恢復已經關閉的標籤
如果你不小心把一個頁面給關閉了,怎麼找回來呢?你可能會說,去歷史記錄裡重新開啟啊。這個方法確實可以,不過還有更快的方法。
快捷鍵:Ctrl+Shift+T 重新開啟最近關閉的頁面,連續按多次將依次開啟。最近關閉的頁面。
三、格式化程式碼
在js除錯中 ,很多進行壓縮的js原始碼都是一行顯示,如何進行格式化呢?chrome中有內建的美化程式碼。可以將原始碼進行格式化。
四、快速進入網站,只需多按一個鍵
如果你需要進入淘寶網網站,你需要在位址列輸入www.taobao.com。可能你覺得這沒什麼,進入一個網站本身就要輸入網址的。實際上還有更快的方法,就是隻輸入關鍵字taobao,按回車的同時按住Ctrl鍵,將直達淘寶網站。(如果只按回車,將被當作關鍵字進行搜尋)
五、原始碼即時編輯
需要進行頁面除錯時,按F12後進入原始碼除錯模式,然後定位到有問題的程式碼,選中這一行程式碼,右鍵可以看到有很多選項,單擊Edit as HTML
選中的此行將進入編輯模式,這時你就可以隨時編輯,即時檢視網頁效果了。注意編輯完後滑鼠隨便單擊一下其他地方即可預覽效果。
六、移動開發模式
七、模擬移動裝置感測器
有時候用到html5感測器的功能,只能在移動裝置中除錯麼?其實pc端也可以。chrome已經為我們準備好了這個功能。開啟這個功能,你可以輸入任意引數來模擬網頁在移動裝置中的感測狀態,例如螢幕觸控、加速針等。
八、真正的IDE工具
使用chrome除錯工具,已經除錯好的網頁,如果想與本地檔案同步,往往是把除錯好的程式碼複製到本地檔案中,這無疑增加了工作量。那麼有沒有好的辦法直接與本地檔案同步呢?答案當然是有的。
切換到source選單目錄,在需要同步的檔案或資料夾上右鍵,選擇新增資料夾到工作空間Add folder to workspace。
此時整個資料夾下所有檔案都可以直接編輯和儲存。被新增的本地檔案及資料夾會顯示在chrome中,當你對某個檔案進行修改後,檔名右上角會出現星號*的提示,按Ctrl+S,即可儲存本地檔案。
回覆列表
一、開啟隱身模式
使用隱身模式的好處就是保護你的隱私,瀏覽器不會記錄你的任何歷史記和Cookie 儲存,但你下載的所有檔案或建立的書籤均會保留下來。開啟隱身模式你就可以大膽放心瀏覽了。
快捷鍵:Ctrl + Shift + N
二、恢復已經關閉的標籤
如果你不小心把一個頁面給關閉了,怎麼找回來呢?你可能會說,去歷史記錄裡重新開啟啊。這個方法確實可以,不過還有更快的方法。
快捷鍵:Ctrl+Shift+T 重新開啟最近關閉的頁面,連續按多次將依次開啟。最近關閉的頁面。
三、格式化程式碼
在js除錯中 ,很多進行壓縮的js原始碼都是一行顯示,如何進行格式化呢?chrome中有內建的美化程式碼。可以將原始碼進行格式化。
四、快速進入網站,只需多按一個鍵
如果你需要進入淘寶網網站,你需要在位址列輸入www.taobao.com。可能你覺得這沒什麼,進入一個網站本身就要輸入網址的。實際上還有更快的方法,就是隻輸入關鍵字taobao,按回車的同時按住Ctrl鍵,將直達淘寶網站。(如果只按回車,將被當作關鍵字進行搜尋)
五、原始碼即時編輯
需要進行頁面除錯時,按F12後進入原始碼除錯模式,然後定位到有問題的程式碼,選中這一行程式碼,右鍵可以看到有很多選項,單擊Edit as HTML
選中的此行將進入編輯模式,這時你就可以隨時編輯,即時檢視網頁效果了。注意編輯完後滑鼠隨便單擊一下其他地方即可預覽效果。
六、移動開發模式
七、模擬移動裝置感測器
有時候用到html5感測器的功能,只能在移動裝置中除錯麼?其實pc端也可以。chrome已經為我們準備好了這個功能。開啟這個功能,你可以輸入任意引數來模擬網頁在移動裝置中的感測狀態,例如螢幕觸控、加速針等。
八、真正的IDE工具
使用chrome除錯工具,已經除錯好的網頁,如果想與本地檔案同步,往往是把除錯好的程式碼複製到本地檔案中,這無疑增加了工作量。那麼有沒有好的辦法直接與本地檔案同步呢?答案當然是有的。
切換到source選單目錄,在需要同步的檔案或資料夾上右鍵,選擇新增資料夾到工作空間Add folder to workspace。
此時整個資料夾下所有檔案都可以直接編輯和儲存。被新增的本地檔案及資料夾會顯示在chrome中,當你對某個檔案進行修改後,檔名右上角會出現星號*的提示,按Ctrl+S,即可儲存本地檔案。