
下載本文檔
版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
1、web移動端調(diào)試神器eruda在web開發(fā)過程中,對html頁面舉行開發(fā)和調(diào)試的時候都會用到掃瞄器提供的調(diào)試工具,小編我最常用的就是chrome掃瞄器自帶的開發(fā)者工具了,可以很便利的對js代碼舉行斷點調(diào)試,log也很便利。但是在移動端的掃瞄器上舉行開發(fā)就沒有這么便利了,不管是ios的safari還是android的眾多掃瞄器。在這里小編推舉一個移動端的調(diào)試神器eruda。eruda 是一個專為手機網(wǎng)頁前端設計的調(diào)試面板,類似 devtools 的迷你版,其主要功能包括:捕捉 console 日志、檢查元素狀態(tài)、顯示性能指標、捕捉xhr哀求、顯示本地存儲和 cookie 信息、掃瞄器特性檢測等等
2、。eruda的github地址: 廢話不多說,我們挺直上代碼介紹eruda的使用。用法eruda有兩種辦法。1)通過cdn用法:挺直在html頁面中引入eruda的js文件 eruda.init(); 2)通過npm安裝:npm install eruda -save在頁面中加載腳本: eruda.init(); 我普通用法第一種方式(比較懶,呵呵)。初始化eruda之后在html界面上會浮現(xiàn)一個半透亮的齒輪按鈕,點擊一下就會彈出eruda的面板,再點擊一下就會收起來,如下圖所示。 挺直用法不帶任何參數(shù)的初始化辦法init()會加載eruda提供的所有面板,假如只需要部分面板需要在init()
3、中帶上配置參數(shù)。這里先介紹一下eruda提供了哪些面板。console面板:捕捉console日志,支持log、error、info、warn、dir、time/timeend、clear、count、assert、table;支持占位符,包括%c自定義樣式輸出;支持按日志類型及正則表達式過濾;支持快捷指令加載underscore、jquery庫;支持javascript腳本執(zhí)行。elements面板:查看標簽內(nèi)容及屬性;查看應用在dom上的樣式;支持頁面元素高亮;支持屏幕挺直點擊選??;查看dom上綁定的各類大事。network面板:圖表顯示頁面加載速度;查看頁面各資源哀求時光(android
4、);捕捉xhr哀求,查看發(fā)送數(shù)據(jù)、返回頭、返回內(nèi)容等信息。resources面板:查看并清除localstorage、sessionstorage及cookie;查看頁面加載腳本及樣式文件;查看頁面加載。sources面板:查看頁面源碼;格式化html,css,js代碼及json數(shù)據(jù)。info面板:輸出url及user agent;支持自定義輸出內(nèi)容。snippets面板:頁面元素添加邊框;加時光戳刷新頁面;支持自定義代碼片段。features面板:掃瞄器常用特性檢測;提供can i use,html5test快捷拜訪。配置面板的代碼如下: eruda.init( tool: 'console', 'elements' );
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 健身俱樂部入股協(xié)議書
- 食堂費用補貼協(xié)議書
- 高壓配電施工協(xié)議書
- 集體資金使用協(xié)議書
- 長春專利保護協(xié)議書
- 面試審查就業(yè)協(xié)議書
- 資金撥付告知協(xié)議書
- 集中斗毆和解協(xié)議書
- 跟兄弟分錢寫協(xié)議書
- 餐廳消防責任協(xié)議書
- 2025年消防知識考試題庫:火災預防與逃生逃生技巧實戰(zhàn)演練題
- 高速公路占道施工應急安全措施
- 6.3種群基因組成的變化與物種的形成課件-2高一下學期生物人教版必修2
- 成人創(chuàng)傷性顱腦損傷院前與急診診治中國專家共識2025解讀
- 北京開放大學2025年《企業(yè)統(tǒng)計》形考作業(yè)4答案
- 廣東2025年中考模擬數(shù)學試卷試題及答案詳解
- GB/Z 27001-2025合格評定通用要素原則與要求
- 中國蠶絲綢文化智慧樹知到期末考試答案章節(jié)答案2024年浙江大學
- MOOC 學術英語寫作-東南大學 中國大學慕課答案
- 市政道路中線測量內(nèi)容及計算方法
- 南瓜種植PPT演示課件(PPT 46頁)
評論
0/150
提交評論