360安全瀏覽器以比如好的效能在國內擁有非常多的使用者,其自帶的開發者工具也為軟體開發帶了不少方便,但有些新手還不是很會用,所以小編寫了本篇經驗幫助新手.
工具/原料
360安全瀏覽器 v8.1
方法/步驟
依次開啟 "選單"->"工具"->"開發人員工具",或者直接按快捷鍵F12,即可打開發者工具,如圖:
它以選項卡的形式附著在頁面下方,當然它也是可以脫離成為獨立視窗的,如圖:
如果是獨立的視窗想還原回去的話,點一下右上角的圖示即可,如圖:
另外,我們還可以直接使用右鍵選單->"審查元素"功能直接開啟並自動定位到該元素對應的html原始碼(實際上,平時我們最常用的方法就是使用這個),如圖:
下圖是我對百度主頁上的關鍵字輸入框右鍵,然後,審查元素得到的,它會自動幫多們定位並分析元素,顯示它的CSS選擇器等,非常方便;
從圖中可以看出它的id是kw,name是wd等相關資訊,右側面板則直接地顯示了它的style,相關尺寸顯示,事件等,如圖:
另外,我們還可以很方便地進行網路抓包(在Network面板上),切換到該面板時,會自動開始抓包,上面的會有個"小紅點",表示正在抓包,如果要停止,就點選一下,會變成灰色,表示停止
點選任一條抓到的資料,都可以在右側看到提交的資訊,頭,及伺服器的響應等,非常方便.
它還可以通過console控制檯檢視變數等相關資料,還有除錯,執行程式碼等,限於篇幅,不再一一詳細說明,有興趣的可以動手試一試.
本篇經驗到此結束!!
注意事項
本文由 bigbensoft 於""平臺首發,轉載請註明出處,且必須帶原始連結;商業應用需要本人的書面授權,否則追究法律責任!
本人 bigbensoft 在""平臺所寫的所有原創經驗都是經過親身實踐的,如果它對您有所幫助,請您給我投上一票或分享給有需要的朋友.
如果您根據本經驗進行操作,但過程或者結果不一致,請注意其中的細節是否一致,特別是作業系統平臺和軟體版本
如果您對本經驗持有不同看法/意見,或者有更好的建議,歡迎您與我聯絡交流心得,也可以在本經驗中寫"有得"