手机端网页调试想看浏览器控制台的方法

海是岛思念的泪

于 2024-01-06 19:13:29 发布

阅读量3.6k

点赞数 10

文章标签：前端 javascript html

本文链接：https://blog.youkuaiyun.com/weixin_63448554/article/details/135430530

版权

本文介绍了如何在HTML中通过`vConsole`库实现简单的JavaScript代码调试，通过动态创建script标签引入CDN上的vConsole.min.js，并在页面加载后初始化。若需更深度调试，可考虑手机系统证书调试方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

复制这段代码在js中运行即可

let consoleScript = document.createElement("script");
      consoleScript.src = "https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js";
      consoleScript.onload = function () {
        new VConsole()
      }
      document.head.appendChild(consoleScript);

完整代码示例如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>测试</title>
</head>
<body>
  <h1>"测试"</h1>
</body>
<script>
  let consoleScript = document.createElement("script");
      consoleScript.src = "https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js";
      consoleScript.onload = function () {
        new VConsole()
      }
      document.head.appendChild(consoleScript);
</script>
</html>