使用eruda进行手机端调试

简介: 使用eruda手机端调试

在日常的移动端开发时,一般都是试用chrome浏览器的移动端模式进行开发和调试,如果想在手机上能和浏览器一样看控制台调试就更加完美了;

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

只要在我们的html文件中写入下面这些代码,在手机上,也能想浏览器控制台一样进行查看。

<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>
   eruda.init();
</script>
 

真的方便我们开发使用。

目录
相关文章
|
7月前
|
Web App开发 Android开发 开发者
SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版
SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版
58 0
SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版
|
6月前
|
开发工具
uniapp项目怎么连接手机调试
uniapp项目怎么连接手机调试
75 0
|
7月前
|
Android开发 开发者
SAP UI5 应用开发教程之四十九 - 如何在桌面电脑端调试运行在手机上的 SAP UI5 应用试读版
SAP UI5 应用开发教程之四十九 - 如何在桌面电脑端调试运行在手机上的 SAP UI5 应用试读版
37 0
|
11月前
|
Android开发
OPPO手机调试Android Flutter APP时每次都要提示重新安装且不能hot reload
OPPO手机调试Android Flutter APP时每次都要提示重新安装且不能hot reload
|
文字识别 安全 前端开发
手机实名认证接口说明及调试教程
为了让您更清晰了解手机三要素实名认证接口的功能与使用。深智恒际特意列了以下5个方面,引导您便捷对接API接口。即使是非技术人员,也可以借用postman工具进行调试使用。
|
开发者
关于华为手机无线调试
把开发者选项中的都选上,然后注意电脑和手机连同一个区域网就可以
548 0
关于华为手机无线调试
|
开发者
华为手机如何进行ADB调试
华为手机如何进行ADB调试
1282 0
|
Web App开发
Chrome 调试手机端网页
Chrome 调试手机端网页
84 0
Chrome 调试手机端网页
|
Web App开发 Android开发 开发者
|
Android开发 开发者

热门文章

最新文章