ts项目移动端真机调试

调试仅针对安卓运行环境。

调试对象:安卓上的chrome内核浏览器采用webview的app

前提条件:已经将ts编译完成,并且启用了sourceMap

调试步骤:

  1. 手机开启开发者模式;
  2. usb将手机与电脑连接;
  3. 启用开发者模式中的usb调试;
  4. PC端打开chrome,地址栏输入:chrome://inspect/#devices
  5. 手机端chrome浏览器输入要调试的地址;
  6. PC端chrome浏览器中会显示移动端打开的地址,选择响应页面即可使用PC端的控制台进行调试。

如果项目代码需要以PC端DNS环境中测试(亦可理解为移动端使用PC端hosts文件配置),调试方式如下:

  1. 本机的web服务器启用正向代理( 如apache/nginx,均支持正向代理 ),以代理局域网中其他设备的网络连接。
  2. 点击托盘无线连接图标,启用移动热点(可能需要win10支持,并且电脑需要无线网卡的硬件支持),手机连接此热点,手机的wifi设置中,设置代理服务器为热点ip+端口。(也可以将手机和电脑处于同一局域网,wifi管理中代理ip填写电脑的ip,但容易影响手机日常使用,而电脑端共享热点完全可以做为专用的测试热点,让手机记录此热点,使其永久保持代理状态。)
  3. 手机端打开相应URL即可。