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

Eruda

通过CDN使用：

<script src="//cdn.bootcss.com/eruda/1.4.2/eruda.min.js"></script>
<script>eruda.init();</script>

通过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('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>'); document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>');
})();

初始化时可以传入配置：

container: 用于插件初始化的Dom元素，如果不设置，默认创建div作为容器直接置于html根结点下面

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

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

示例

android移动端调试—前端开发工具Eruda相关推荐

超级棒的170+款web前端开发工具汇总，千万要收藏好！
作者:web前端开发我们与企业内部的Web开发团队进行了很多次交流,研究了很长时间,最后将Debug工具与Web前端开发工具整理汇总在了一起,这些工具对每个Web开发人员都非常有用. 这些工具将使您 ...
174款前端开发工具汇总，学习，开发，事半功倍！
我们与企业内部的Web开发团队进行了很多次交流,研究了很长时间,最后将Debug工具与Web前端开发工具整理汇总在了一起,这些工具对每个Web开发人员都非常有用. 这些工具将使您的工作更加轻松,特别是 ...
HbuilderX前端开发工具的安装和配置
HbuilderX前端开发工具的安装和配置学习uniapp,使用HbuilderX编译器来按照官网的文档学习是最快速的,所以配置好开发工具,学习起来事半功倍,下面主要记录工具安装.微信开发者工具配置 ...
2012年度最佳Web前端开发工具和框架总结
2012年度最佳Web前端开发工具和框架总结 2013/01/18 | 分类: 工具与资源 | 1 条评论 | 标签: 前端, 开发工具, 开发框架分享到:0 来源:梦想天空技术的快速发展让很多人 ...
2012年度最佳 Web 前端开发工具和框架——《上篇》
技术的快速发展让很多人学习起来无所适从,幸运的是,很多优秀的 Web 开发人员和设计人员在努力寻找各种有特色的解决方案. 因此,我们有了很多优秀的小工具和库,每一个都是用来解决特定的问题或维护一组特定 ...
超实用web前端开发工具推荐（web开发+前端性能优化+浏览器兼容性测试+……）
要说有哪些好用的前端开发软件和工具,我可有发言权哈~因为在学习的过程中积累了不少实用型前端开发工具.今天我就从浏览器兼容性测试工具.web开发工具.前端性能优化工具.大数据可视化工具这四个方向来和大家 ...
JetBrains WebStorm for Mac (强大的前端开发工具) 2021.3
MacWebStorm for Mac 是一款优秀的前端编辑工具,前端开发必备.主要新增了ES2022 私有类成员支持.新远程开发功能.更出色的单仓库支持.Deno LSP.拆分 Run(运行)工具窗 ...
前端开发工具 —— VSCode - Snipaste - Photoshop - Fireworks - Icomoon字库
视频参考:https://www.bilibili.com/video/av80149248 笔记参考:https://www.bilibili.com/video/av78942920/?spm_i ...
加速 Web 开发的 23 款前端开发工具
市面上有许多前端开发工具可以加速 Web 开发工作.本文是对 2019 年顶级 Web 开发工具的一次精选汇总,分别介绍了每款工具的关键特性,并已附上下载链接. Novi Builder Novi B ...

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

android移动端调试—前端开发工具Eruda相关推荐

最新文章

热门文章