在移动端页面进行调试

Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：
- 捕获 console 日志
- 检查元素状态
- 显示性能指标
- 捕获XHR请求
- 显示本地存储和 Cookie 信息
- 浏览器特性检测等等。
效果如图
前端小白写js函数时，在没查资料的情况下，是这样子写的。（坑死自己）

// 这里是错误的示范
function test(a='',b=0){// do something
}
// 正确示范
function test(a,b){a = a || '';b = b || 1;// do something
}

结果还好死不死的，有的机型可以，有的浏览器可以。
手机上又没办法用调试工具。
其他的诸如chrome之类的远程调试又搞不定...
找到了 Eruda 神器。毕竟我只是想看下是不是js出错了，哪里出错了而已。

瞬间解决。竟然还有中文版的README！！！参照使用CDN引入的方法，快速解决了！

在移动端页面进行调试相关推荐

Rosin-移动端页面开发调试Fiddler插件
前言随着移动互联网大潮流的到来,移动端H5开发需求也愈加强烈.而移动端页面的调试对开发效率起着重要作用,都有什么调试方法呢? 对于Android设备,可通过设备连接Chrome浏览器进行调试(chr ...
怎么在pc端浏览器调试移动端页面
在最近的工作中兼任一点测试工作,需要调试移动端页面,在看了好多方法大概主要就是以google chrome浏览器为主,大概步骤为: 1.打开chrome浏览器 2.输入网址 3.按f12呼出开发者工具 ...
在mac电脑上,用Safari浏览器调试ios手机移动端页面
打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器], 具体如下图所示打开Mac上Safari的开发者模式,流程是[Safar ...
使用Android模拟机开发调试移动端页面
使用真机调试可以还原bug场景,但由于真机上不方便输出调试信息,不容易进行代码调试.这里可以通过在电脑上安装一个Android模拟器,然后结合Chrome的devices远程设备功能,进行移动端页面的 ...
【Chrome】Chrome-devtools：对ios-safari移动端的H5页面进行调试（ios-webkit-debug-proxy）
说在前头要看干货的,可跳过该"说在前头"章节该类文章,百度上"一挖一麻袋",但说句不好听的,"一个能打的都没有",总结如下: scoop ...
在mac上如何用safari调试ios手机的移动端页面
步骤如下: 第一步:打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器] ,如图1.图2 图2 第二步:打开Mac上Safari ...
【移动端 Web】怎么循序渐进地开发一个移动端页面
1. 移动页面开发基础 1.1 像素--什么是像素像素是 Web 页面布局的基础,那么到底什么才是一个像素呢? 像素:一个像素就是计算机屏幕所能显示一种特定颜色的最小区域.这是像素的概念,实际上,W ...
python移动端web开发代码_移动web前端开发,前端开发工作总结,移动端页面开发-我主页-一个前端程序猿的博客...
热门推荐 html/css 一.escape和它们不是同一类简单来说,escape是对字符串(string)进行编码(而另外两种是对URL),作用是让它们在所有电脑上可读.编码之后的... 标签: 0 ...
推荐3款移动端网页开发调试神器
web前端教程用大白话,来讲编程最近有小伙伴在微信上跟我聊到了移动端网页开发调试困哪的问题,这个相信很多前端开发者都遇到过. 有一天,测试妹子拿着测试手机过来找你,说页面打不开. 你心想:怎么可能 ...

在移动端页面进行调试

在移动端页面进行调试相关推荐

最新文章

热门文章