H5移动端调试神器-eruda.js

Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。

在main.js中添加如下代码

if(process.env.NODE_ENV == 'development' || process.env.NODE_ENV == 'testing'){let src = '//cdn.jsdelivr.net/npm/eruda';document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>');
}

注：也可以把eruda.js下载到本地进行使用，地址：https://cdn.bootcss.com/eruda/2.4.1/eruda.min.js

H5移动端调试神器-eruda.js相关推荐

web移动端调试神器Eruda
在Web开发过程中,对html页面进行开发和调试的时候都会用到浏览器提供的调试工具,小编我最常用的就是Chrome浏览器自带的开发者工具了,可以很方便的对JS代码进行断点调试,log也很方便.但是在移 ...
html5页面调试工具,web移动端调试神器Eruda
在Web开发过程中,对html页面进行开发和调试的时候都会用到浏览器提供的调试工具,小编我最常用的就是Chrome浏览器自带的开发者工具了,可以很方便的对JS代码进行断点调试,log也很方便.但是在移 ...
移动端调试神器 eruda
<script src="//cdn.jsdelivr.net/npm/eruda"></script> 或者 import eruda from 'eru ...
h5/wap端调试、移动端调试 / vconsole、eruda、spy-debugger
关于h5调试一.vconsole,类似小程序的调试工具,可以在手机上看见打印,真机调试h5时,我们只能看alert,但有些内容无法alert,但vconsole能做到,就像谷歌的f12一样用法,页 ...
移动端html怎么调试工具,移动端网页开发调试神器Eruda的介绍与使用技巧
前言众所周知,我们在做移动端Web开发的一大痛点就是,在真机运行下无法查看console.log日志和其他信息如网络请求.显示本地存储等信息.如果网页是运行在手机浏览器中还算好,可以把网址在电脑上打 ...
优秀前端人都知道的H5 移动端调试全攻略～
点击上方"蓝色字体",选择"设为星标" 做积极的人,而不是积极废人! 文章来源:http://jartto.wang/2018/11/01/mobile-deb ...
H5 移动端调试全攻略
点击上方"程序员黑叔",选择"置顶或者星标" 你的关注意义重大! 文章来源:http://jartto.wang/2018/11/01/mobile-debug ...
优秀前端人都知道的H5 移动端调试全攻略
文章来源:http://jartto.wang/2018/11/01/mobile-debug/ 随着移动设备的高速发展,H5 开发也成为了 F2E 不可或缺的能力.而移动开发的重中之重就是掌握调试技 ...
eruda.js 移动端调试神器使用教程（eruda）
在日常的移动端开发时,一般都是试用chrome浏览器的移动端模式进行开发和调试,只有在chrome调试完成,没有问题了才会上到真机测试,移动端开发的一大问题就在于此, 各种品牌各种型号手机,手机中各种 ...

H5移动端调试神器-eruda.js

Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。

H5移动端调试神器-eruda.js相关推荐

最新文章

热门文章