zoukankan      html  css  js  c++  java
  • eruda 移动端网页调试神器

    前言

    我们在写webapp或者移动端网页需要嵌入到app时候,尤其是在APP内置的webView上加载我们的页面,想要查看手机浏览器信息是非常困难的事,当出现问题的时候,你又不能查看日志,一般会连接本地测试环境,然后在alert来打印日志(这种做法太蠢了),然后一遍一遍的定位bug,修改代码。使用eruda之后感觉爽爆了,解决了这个问题,这个工具就想电脑端的devtools,可以查看日志,网络,页面,Resources等

    使用方法

    多页面应用

    在每个页面

    <script type="text/javascript" src="https://cdn.bootcss.com/eruda/1.2.6/eruda.min.js"></script>
    <script>eruda.init();</script>

    单页应用

    npm install --save-dev eruda
    
    ;(function () {
      if (!/mdebug=true/.test(window.location.href)) return;
      var script = document.createElement('script')
      script.src = "https://cdn.bootcss.com/eruda/1.2.6/eruda.min.js"
      script.async = true
      document.getElementsByTagName('head')[0].appendChild(script)
      script.onload = function () {
        eruda.init()
      }
    })()

    我们在项目的入口引用这个文件就可以

    我们只需要在地址栏增加mdebug=true即可,是不是很方便?

  • 相关阅读:
    Linux終端一行命令发送邮件
    团队冲刺2.4
    团队冲刺2.3
    团队冲刺2.2
    找水王
    评价win10自带输入法——微软拼音输入法
    梦断代码阅读笔记01
    团队冲刺2.1
    第十三周总结
    第十二周总结
  • 原文地址:https://www.cnblogs.com/crazycode2/p/12404407.html
Copyright © 2011-2022 走看看