<abbr id="cqms0"></abbr><del id="cqms0"></del>

android移動端調試—前端開發工具Eruda

jeyhan 發布于2021-09-09 09:32 / 3651人閱讀

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

Eruda

通過CDN使用：

通過npm安裝：

npm install eruda --save

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

(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();");?})();

初始化時可以傳入配置：

container: 用于插件初始化的Dom元素，如果不設置，默認創建div作為容器直接置于html根結點下面

tool：指定要初始化哪些面板，默認加載所有

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

示例

云服務器 GPU云服務器移動端web前端框架 android調試android開發 js服務器端調試工具移動端開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/119609.html

小技巧|移動端網頁調試神器Eruda使用技巧

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

xzavier 2019-08-21 17:19 評論0 收藏0
Eruda 一個可能被人遺忘的調試神器

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

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

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

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

摘要：移動端應用一般都運行在微信瀏覽器中中手機瀏覽器中。因為微信瀏覽器是定制的瀏覽器，一般的遠程調試方式都不可用，需要配合特定的工具，如微信開發者工具。前端如何高效的與后端協作開發 1. 前后端分離前端與后端的分離，能使前端的開發脫離后端的開發模式，擁有更大的自由度，以此便可做前端工程化、組件化、單頁面應用等。可以參考：前后端分離、web與static服務器分離 2. 盡量避免后端模板...

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