首页 > 其他分享 >h5移动端页面调试工具Chii与 weinre 一样的远程调试工具

h5移动端页面调试工具Chii与 weinre 一样的远程调试工具

时间:2023-06-07 10:26:18浏览次数:53  
标签:weinre h5 chii 工具 调试 页面

与 weinre 一样的远程调试工具,主要是将 web inspector 替换为最新的 chrome devtools frontend.

电脑上跑一个chii服务,把对应的js嵌入h5页面内,用手机访问h5页面,chrome内看chii服务地址即可找到对应管理控制台

 

 

Chii

安装

可以通过 npm 安装。

npm install chii -g
 

使用

用下面的命令开启服务。

chii start -p 8080
 

在你的页面中使用这个脚本注入代码。

<script src="//host-machine-ip:8080/target.js"></script>
 

然后就可以访问 localhost:8080 开始调试页面。

你可以使用 iframe 将调试器展示在同一页面中,只需要在 script 元素上加多 embedded 一个参数即可。

<script src="//host-machine-ip:8080/target.js" embedded="true"></script>
 注意:host-machine-ip 为自己的ip地址

标签:weinre,h5,chii,工具,调试,页面
From: https://www.cnblogs.com/zhidong123/p/17462560.html

相关文章

  • qt 自定义工具栏
    自定义工具栏这个类中杂质较多,主要是是单击标签改变经纬度显示类型。调用方法,在析构函数中删除if(_statusBar)delete_statusBar;voidMainWindow::createStatusBar(){if(!_statusBar)_statusBar=newTDStatusBar(this);_statusBar->setFixe......
  • 选择 BI 报表工具的五大要素
    商业智能(BI)市场上有很多的BI报表工具,为您的企业选择一款合适的工具变得非常关键,选择不当通常会导致最终转向重新选择,白白浪费了金钱,增加了成本,导致花费了两倍的时间和精力。因此,评估和选择正确的工具非常重要。皕杰信息自2007年以来一直专注报表工具领域,基于自身十多年的经验及众......
  • 9款必备网页设计工具,让你的设计水平飙升
    随着网络时代的快速发展,游戏、购物、音乐、影视和社交网站的兴起都表明了网页设计的重要性!网页设计工具作为网页设计师的生产工具,自然要选择好的。让我们分享9个高质量的网页设计工具,让您的设计效率悄然提高!即时设计即时设计是一款免费的在线UI设计工具,无系统限制,浏......
  • CKEditor (Toolbar Definition)工具栏自定义配置
    CKEditor中的工具栏默认显示所有功能按钮。出于安全的原因、或者是简化的原因,需要对这个工具栏进行自定义设置。CKEditor工具栏自定义配置非常简单。编辑ckeditor目录下的的config.js文件,默认的是下面的工具栏代码,注意工具按钮是分组的,一个name内的大括号就是一个工具按钮......
  • 时间管理四象限法怎么运用?这款待办工具来帮你
    在现代职场中,时间就是金钱,而大多数企业对员工的要求也是在规定的工作时间内完成尽可能多的工作任务。这就表示对于上班族来说,时间管理是非常重要的,而谈到时间管理就不得不提到一个重要的时间管理法则了,它就是“时间管理四象限法则”。时间管理四象限法,简单来说就是将你每天需要完......
  • 运维工具
    前言提供一些常用的Linux运维工具,快速构建环境。个人常用的运维工具(不是专业运维人员)一、oneinstack链接地址:oneinstack使用方法:选择自动安装选择安装的服务(默认lnmp即可)选择对应服务的版本复制安装命令进入Linux服务,粘贴命令并执行通用管理页面:默认80端口二、宝......
  • KingbaseES sys_bulkload数据加载工具错误处理
    一、关于sys_bulkload数据加载工具sys_bulkload是KingbaseES提供的快速加载数据的命令行工具。用户使用sys_bulkload工具能够把一定格式的文本数据简单、快速的加载到KingbaseES数据库中,或将KingbaseES数据库中的数据快速导出到CSV文件中。使用前需要用户手动创建sys_bulkload插......
  • GDB 调试指令
     GDB调试指令arm-none-eabi-gdbexample.elftarext:50000ib  //查看所有断点ir  //查看内存寄存器break16   //设置断点,在源程序第16行处。breakfunc  //设置断点,在函数func()入口处infobreak  //查看断点信息。list    //查看调试文件n......
  • Java汉字转拼音工具
    maven依赖<dependency><groupId>com.belerweb</groupId><artifactId>pinyin4j</artifactId><version>2.5.0</version></dependency>工具类封装packagecomg.yang.httpstest.controller.domain;importnet.......
  • 分布式搜索elasticsearch集群监控工具bigdesk
    bigdesk是elasticsearch的一个集群监控工具,可以通过它来查看es集群的各种状态,如:cpu、内存使用情况,索引数据、搜索情况,http连接数等。项目git地址: https://github.com/lukas-vlcek/bigdesk。和head一样,它也是个独立的网页程序,使用方式和head一样。插件安装运行......