手机网页F12开发者工具eruda

最新推荐文章于 2025-06-06 11:05:04 发布

转载最新推荐文章于 2025-06-06 11:05:04 发布 · 4k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/p/1210000011627030/read

文章标签：

#移动端调试

app 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在网页中使用Eruda工具进行前端代码调试的方法。通过在HTML文件底部引入Eruda.js并初始化，即可在页面上显示调试工具栏，便于开发者查看控制台输出，检查元素和网络请求，从而提高前端开发效率。

https://segmentfault.com/p/1210000011627030/read

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1>点右下角的图标可以出来工具</h1>

    <script>
        console.log('捕获不到这句话');
    </script>

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

    <script>
        console.log('你可以看到这句话');
    </script>
</body>
</html>