移动端⽹页调试⼯具(Eruda)
⼀、Eruda 或者 vconsole.js
Eruda 是⼀个专为⼿机⽹页前端设计的调试⾯板,类似 DevTools 的迷你版,其主要功能包括:捕获 console ⽇志、检查元素状态、捕获XHR请求、显⽰本地存储和 Cookie 信息等等。
使⽤⽅式:在⾃⼰的⽹站下⾯加⼊如下代码
;(function () {
if (!/debug=true/.test(window.location) ) return;
var script = ateElement('script');
script.src='//cdn.bootcss/eruda/1.5.2/eruda.min.js';
document.body.appendChild(script);
})();
这个时候就会出现调试的按钮了
document有安卓版吗同样的还有⼀个 vconsole.js 也可以
⼆、使⽤ chii
npm install chii -g
使⽤命令起⼀个服务
chii start -p 8080
现在,往你要调试的页⾯中注⼊⼀个脚本。
<script src="http//192.168.1.218:8080/target.js"></script>
在⼿机上访问需要保持跟 PC 同⼀个⽹络,开始调试
三、使⽤⾕歌⾃带的
在chrome输⼊这个地址chrome://inspect/#devices,然后安卓机装个chrome,开启usb调试模式,然后连上电脑,打开发现设备就可以调试⼿机端了
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论