资讯专栏INFORMATION COLUMN

android移动端调试—前端开发工具Eruda

jeyhan / 3622人阅读

摘要:通过使用通过安装文件对于移动端来说略重后大概。建议通过参数来控制是否加载调试器,比如初始化时可以传入配置用于插件初始化的元素,如果不设置,默认创建作为容器直接置于根结点下面指定要初始化哪些面板,默认加载所有示例

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 });

示例

 

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/119609.html

相关文章

  • 小技巧|移动网页调试神器Eruda使用技巧

    摘要:做移动端开发的一大痛点就是,在真机运行下无法查看日志和其他信息如网络请求显示本地存储等信息。是一个专为手机网页前端设计的调试面板,类似的迷你版,其主要功能包括捕获日志检查元素状态显示性能指标捕获请求显示本地存储和信息浏览器特性检测等等。 showImg(https://segmentfault.com/img/bVXvig?w=2396&h=1302); 做移动端Web开发的一大痛点就...

    xzavier 评论0 收藏0
  • Eruda 一个可能被人遗忘的调试神器

    摘要:引言日常工作中再牛逼的大佬都不敢说自己的代码是完全没有问题的,既然有问题,那就也就有调试,说到调试工具,大家可能对于还有远程调试等比较熟悉,甚至有些是我可能也没有用过的这里喷一句吧,谁都别给我提啊,那个不叫调试工具,那叫坑爹神器,话说最近不 showImg(https://segmentfault.com/img/bVbk8zn?w=1008&h=298); 引言 ​  日常工作中再牛...

    mingzhong 评论0 收藏0
  • 告别webpack react 搭建多页面之痛

    摘要:搭建多页面应用在往下看之前请确保先上个凉的吃着目录结构编译结果配置文件脚本存放处项目开发中一些常用的方法主要存放和请求有关的静态文件模版文件项目开发中一些常用的方法其实我觉得可以和放在一块,但是个人习惯还是分开啦开始撸代码如何创建多页面应用 webpack4 搭建 react 多页面应用 在往下看之前请确保nodejs > 8.X 先上个凉的吃着 目录结构 . ├── dist ...

    seanHai 评论0 收藏0
  • 如何高效的与后协作开发

    摘要:移动端应用一般都运行在微信浏览器中中手机浏览器中。因为微信浏览器是定制的浏览器,一般的远程调试方式都不可用,需要配合特定的工具,如微信开发者工具。 前端如何高效的与后端协作开发 1. 前后端分离 前端与后端的分离,能使前端的开发脱离后端的开发模式,拥有更大的自由度,以此便可做前端工程化、组件化、单页面应用等。 可以参考:前后端分离、web与static服务器分离 2. 尽量避免后端模板...

    rozbo 评论0 收藏0

发表评论

0条评论

jeyhan

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<