android移動(dòng)端調(diào)試—前端開發(fā)工具Eruda

jeyhan 發(fā)布于2021-09-09 09:32 / 3647人閱讀

摘要：通過使用通過安裝文件對于移動(dòng)端來說略重后大概。建議通過參數(shù)來控制是否加載調(diào)試器，比如初始化時(shí)可以傳入配置用于插件初始化的元素，如果不設(shè)置，默認(rèn)創(chuàng)建作為容器直接置于根結(jié)點(diǎn)下面指定要初始化哪些面板，默認(rèn)加載所有示例

Eruda

通過CDN使用：

通過npm安裝：

npm install eruda --save

Js文件對于移動(dòng)端來說略重（gzip后大概100kb）。建議通過url參數(shù)來控制是否加載調(diào)試器，比如：

(function () {?? ? var src = "node_modules/eruda/eruda.min.js";?? ? if (!/eruda=true/.test(window.location) && localStorage.getItem("active-eruda") != "true") return;?? ? document.write("");?? ? document.write("eruda.init();");?})();

初始化時(shí)可以傳入配置：

container: 用于插件初始化的Dom元素，如果不設(shè)置，默認(rèn)創(chuàng)建div作為容器直接置于html根結(jié)點(diǎn)下面

tool：指定要初始化哪些面板，默認(rèn)加載所有

var el = document.createElement("div");?document.body.appendChild(el);?eruda.init({?? ? container: el,?? ? tool: ["console", "elements"],?? ? useShadowDom: true?});

示例

云服務(wù)器 GPU云服務(wù)器移動(dòng)端web前端框架 android調(diào)試android開發(fā) js服務(wù)器端調(diào)試工具移動(dòng)端開發(fā)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/119609.html

相關(guān)文章

小技巧|移動(dòng)端網(wǎng)頁調(diào)試神器Eruda使用技巧

摘要：做移動(dòng)端開發(fā)的一大痛點(diǎn)就是，在真機(jī)運(yùn)行下無法查看日志和其他信息如網(wǎng)絡(luò)請求顯示本地存儲(chǔ)等信息。是一個(gè)專為手機(jī)網(wǎng)頁前端設(shè)計(jì)的調(diào)試面板，類似的迷你版，其主要功能包括捕獲日志檢查元素狀態(tài)顯示性能指標(biāo)捕獲請求顯示本地存儲(chǔ)和信息瀏覽器特性檢測等等。 showImg(https://segmentfault.com/img/bVXvig?w=2396&h=1302); 做移動(dòng)端Web開發(fā)的一大痛點(diǎn)就...

xzavier 2019-08-21 17:19 評論0 收藏0
Eruda 一個(gè)可能被人遺忘的調(diào)試神器

摘要：引言日常工作中再牛逼的大佬都不敢說自己的代碼是完全沒有問題的，既然有問題，那就也就有調(diào)試，說到調(diào)試工具，大家可能對于還有遠(yuǎn)程調(diào)試等比較熟悉，甚至有些是我可能也沒有用過的這里噴一句吧，誰都別給我提啊，那個(gè)不叫調(diào)試工具，那叫坑爹神器，話說最近不 showImg(https://segmentfault.com/img/bVbk8zn?w=1008&h=298); 引言 ?　　日常工作中再牛...

mingzhong 2019-08-23 14:15 評論0 收藏0
告別webpack react 搭建多頁面之痛

摘要：搭建多頁面應(yīng)用在往下看之前請確保先上個(gè)涼的吃著目錄結(jié)構(gòu)編譯結(jié)果配置文件腳本存放處項(xiàng)目開發(fā)中一些常用的方法主要存放和請求有關(guān)的靜態(tài)文件模版文件項(xiàng)目開發(fā)中一些常用的方法其實(shí)我覺得可以和放在一塊，但是個(gè)人習(xí)慣還是分開啦開始擼代碼如何創(chuàng)建多頁面應(yīng)用 webpack4 搭建 react 多頁面應(yīng)用在往下看之前請確保nodejs > 8.X 先上個(gè)涼的吃著目錄結(jié)構(gòu) . ├── dist ...

seanHai 2019-08-23 15:25 評論0 收藏0
前端如何高效的與后端協(xié)作開發(fā)

摘要：移動(dòng)端應(yīng)用一般都運(yùn)行在微信瀏覽器中中手機(jī)瀏覽器中。因?yàn)槲⑿艦g覽器是定制的瀏覽器，一般的遠(yuǎn)程調(diào)試方式都不可用，需要配合特定的工具，如微信開發(fā)者工具。前端如何高效的與后端協(xié)作開發(fā) 1. 前后端分離前端與后端的分離，能使前端的開發(fā)脫離后端的開發(fā)模式，擁有更大的自由度，以此便可做前端工程化、組件化、單頁面應(yīng)用等。可以參考：前后端分離、web與static服務(wù)器分離 2. 盡量避免后端模板...

rozbo 2019-08-29 17:08 評論0 收藏0