iPhone IOS和安卓Android网页调试工具，模拟F12调试工具-微信开源调试工具vConsole，针对html统一的调试工具，方便好用快速上手，以下是使用方式：

vConsole

1.普通引入使用方式

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>vConsole</title>
</head>
<body>
    <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js"</script>
    <script>let vConsole = new VConsole();</script>
    <script>
        //开始愉快的....
    </script>
</body>
</html>

2.CMD/AMD方式导入使用

//SPA:
npm install vconsole ;//安装
//main.js或主入口页面
import Vconsole from 'vconsole'
let vConsole = new Vconsole()
Vue.use(vConsole)

//这难道不是微信小程序内的debug工具？没错就是它了！！

唯一的不足是不实时显示network信息，但是可以通过打log显示相关请求信息！

该文章版权属于Museions
摘录自：https://blog.csdn.net/museions/article/details/106282142

自带光环（vConsole）！移动端F12调试工具的更多相关文章

  1. 手机怎么打开f12_如何使用浏览器的F12调试页面？

    手机怎么打开f12_如何使用浏览器的F12调试页面？ ...

  2. 找xpath好用的工具（Firefox插件）

    找xpath好用的工具（Firefox插件） ...

  3. chrome xpath 插件调试,提取

    chrome xpath 插件调试,提取 ...

  4. xpath简介以及工具安装

    xpath简介以及工具安装 ...

  5. XPath Helper：chrome爬虫网页解析工具 Chrome插件图文教程

    XPath Helper：chrome爬虫网页解析工具 Chrome插件图文教程 ...

  6. 分享一个很不错的壁纸工具（chrome插件/PC端/安卓/IOS）

    分享一个很不错的壁纸工具（chrome插件/PC端/安卓/IOS） ...

  7. 2019最好用的谷歌扩展工具

    2019最好用的谷歌扩展工具 ...

  8. graphql查询开发实践(调试)

    graphql查询开发实践(调试) ...

  9. postman调试GraphQL

    postman调试GraphQL ...

  10. 【DrawIO】开源的流程图绘制工具-DrawIO

    【DrawIO】开源的流程图绘制工具-DrawIO ...